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Preface 


The first Unreal Eng пе was launched іп 1998 by Epic Garres. A great feature about this 
engine was that, because of Unreal Scri pt, the eng ne becarre quite popular with the 
cormunity, as it made nodding quite easy and accessi bl e. Then, in 2002, Epic rel eased 
their next eng ne, Unreal Engine 2, which was a great irrproverrert over the fi rst eng ne. 
It came with something called Unreal Ed 2 (and later, Unreal Ed 3), which was 
essentially a leva editor that you cou d use to create levels for Unreal. This, along with 
Unreal Scri pt cou d be used to create erti rel y new garres. The engine offered better 
rendering, better physics, and better collision than its predecessor. It also supported the 
then ситет generation consoles, namay PlayStation 2, Xbox, and GameCube. In 2006, 
Epic released their next, and, probably, their most popu ar and widely used engine, 
Urreal З. It was a gart leap in terns of technology. This is where Unreal Engine started 
picking up steam However, perhaps the rrost significant feature offered by Unreal 
Eng ne 3 was Kisrret. Kisrretis an extrerrel y powerful visual scripting tool. The way it 
works is that there are various nodes, which can be connected to forma log cal 
sequence, kind of like a flowchart. The best part about Kisrret is that you do not require 
any programming knowledge. Y ou can make an entire дате without writing a single line 
of code using Kisn Itis an extrerely handy tool for artists and designers, since they 
can neke qu ck prototypes or experi ment with a certain feature on their own and not 
have to rely on ргосгатттегѕ. 


We now corre to a more preset tine In February 2012, Epic unveiled Unreal 4, which 
was fi rally released on March 19, 2014. Unreal Engine 4 had been in the works si nce 
2003. This Eng ne was a huge step up fromthe previous one. For one, it totally removed 
Unreal Scri pt and replaced it with C+ In earlier versions of Unreal, if you wanted to 
modify the eng ne to devel op your сате, you had to do so usi ng Unreal Script, which 
meant | earning a new language. But now, if you wish to modify the Eng ne, you can do 
so with C This was a huge irrproverrert for eng ne progranmrers, si nce this meart 


they cou d modify and tweak anything they wish usi ng a language they al ready know and 
love. 


Not опу that, the eng ne's source code is also available for developers and can be 
downloaded fromthe GitHub repository. This means that developers have full control 
over the eng ne and can tweak virtually anything, includi ng the physics, rendering, and 
Ul. 


It also offers something called the Hot Reload function. Normally, when you wart to 


make changes in the code of a сате, you have to stop the дате, make the desi red 
change, and then run it again to see how it affects the gane. However, with the hot 
reload function, you can make changes in the дате without having to stop or pause the 
дате. Any change you rake in the garre's code is instantly updated and you can see its 
effect in real tire 


Y ou can also develop garres for a wide vari ety of platforrre on Unreal 4, includi ng 
Xbox Ore, PlayStation 4 (including Project Morpheus), Windows PC, Linux, Mac OS 
X, HTML 5, iOS, and Android. It also offers support for Oculus Rift. 


Another mejor change made by Epic is the li censi ng model, aimed at smaller, indie 
developers. To be nore specific, to license Unreal Developrrert Kit (UDK), which was 
the previous version of Unreal Engine, the devel opers had to pay a $99 licensing fee 
and 25 percert of the royalties made after the corrpany had earned at | east $50,000 from 
Sales. In Unreal 4, however, they have changed the structure. As of early 2015, Unreal 
Engre 4 is now conpletely free to download and use. No licensing fee, no 
subscri pti on, nothing. Y ou can download it, develop a gare on it, and publishit, 
without spending a si ng e peny on the eng ne. Y ou опу pay 5 percert of the royalties 
after you have earned more than $3000 in revenue. 


Another great feature that Unreal 4 provides is the Marketplace. The Marketplace is а 
great pl ace to buy and upload assets. These assets can be Animations, 3D Models, 
Materi al s, Sound Effects, Ргатеде Garres, and so on. This is also good news for 
aspiring developers, who do not have the resources or manpower to devel op these 
assets. They can simply buy the requ red assets fromthe Marketpl ace and use themin 
their сате. Developers can also upload their own work orto the Marketplace and earn 
Sone ггогеу. 


This book is aimed at beg nners who have little to no knowl edge regarding Unreal 
Engre4, and it covers how to develop garres for Android using it. This book will 
cover all that you need to know inorder to get started. Fromthe very basics, such as 
how to download and install the engine, to the rrore advanced, such as how to upload 
your finished product on to the Goode Play Store, are going to be covered. We will do 
this by meki ng a garre of our own using UEA, step-by-step. Each chapter can be thought 
of as а step in making our дате. The book has been structured in such a way that each 
subsequert chapter is a continuation of the previous chapter to дме a sense of flow to 
the readers. 


This book will also not use any other software (apart fromthe Android SDK), so that 


the readers do not have to fi rst downl oad dozens of software in order to get ready, and 
focus sole y on the engine. All of the assets, such as rrateri al s, stati c meshes, and so on, 
will be the ones available in the Engine itse f. 


What this book covers 


Chapter 1, Getting Started with Unreal 4, teaches you how to down oad and install 
Unreal Engine 4 and the launch client 


Chapter 2, Launching Unreal Engine 4, discusses what a proj ect is, how to create a 
new project, what the Editor is, its Ul, and sorre hotkeys you shou d be aware of. 


Chapter 3, Building the Сатет First Steps, deals with BSP Brushes, teaches you how 
to block out the level using them how to create materials inthe Material Editor and the 
Cortert Browser, and how to use lights in UEA. 


Chapter 4, Using Actors, Classes, and Volurres, looks at the various types of classes 
offered inthe Modes pane. This includes Basic Classes, Visual Classes, and Volurres, 
and how to inplerert theminto our дате. 


Chapter 5, Scripting with Blueprints, looks at how to scri pt inthe дате using 
Blueprint. Scripting is an inportart aspect of UE4, since a дате without interactivity is 
not really a game. We will also look at the most сопттопу used types of Blueprint 


Chapter 6, Using Unreal Matinee, looks at another power tool offered by UE4, 
Mati nee. We will use Mati nee to create cutscenes and other animations essertial for the 


дате. 


Chapter 7, Finishing, Packaging, and Publishing the Gane, corrpletes the опу thi ng 
left after having a fuly functional дате. That is to finalize the дате, package it, and 
publish it on the Goog e Play Store. 


Appendix, What Next?, suggests where to go fromhere. It deals with various places 
where you can find docurrentati on and tutorials to further develop your skills in UEA. 


What you need for this book 


For this book, you require 

e Urreal Engne4 

e TheArdroid Developmert Kit 
The main aimof the book was to use as little software as possible, so that you can only 
focus on the Eng ne, and do not have to fi rst download dozens of other software and 
prograrrs to get ready. 


Who this book is for 


This book is aimed at developers, who have little to no knowl edge of how to use Unreal 
Engre 4, and wishto use it to develop gans for Android. 


Convertions 
Inthis book, you will find a nurrber of styles of text that di sti ngu sh between different 


kinds of inforrration. Here are sorre exarrples of these styles, and an explanation of 
their meaning. 


Code words intext, database table narres, fol der narres, fil enarves, file extensions, 
pathnarres, dummy URLs, user input, and Twitter handles are shown as follows: "The 
next step is finalizing the game, packaging itinto an. арк file and publishingit to the 
Goode Play Store." 

Any commandline input or ougout is written as follows: 


keytool igenkey iv i keystore -*nane of your proj ect*. keystore i alias 
*alias nane* -keyalg RSA i keysize 2048 i vali di ty 10000 


New tems ard important words are shown in bold. Words that you see on the screen, 
in menus or dialog boxes for exarrple, appear in the text like this: " Fromthe hone 
page, click onthe Get Unreal button on the пот of the screen". 


Note 

Warnings or important notes appear in a box like this. 
Tip 

Tips and tricks appear like this. 


Reader feedback 


Feedback fromour readers is al ways wel corre. Let us know what you think about this 
bookó what you liked or may have disliked. Reader feedback is irrportart for us to 
develop titles that you really get the most out of. 


To send us general feedback, simply send an e-mail to < eedback@ackt pub. com», 
and merti on the book title via the subject of your message. 


If there is a topic that you have expertise in and you are interested in either writing or 
contri buti ng to a book, see our author guide on www.packtoulb.com/authors. 


Customer support 


Now that you are the proud owner of a Packt book, we have a nurrber of things to hel p 
you to get the most fromyour purchase. 


Downloading the color images of this book 


We also provide you with a PDF file that has color images of the screenshots/di agrarrs 
used inthis book. The color images will hel p you better understand the changes inthe 


DAE Y ou can download this file from 
://Nww. ub.com/sites/defau t/fil es/down 43630T_Colorl 


Errata 


Although we have taken every care to ensure the accuracy of our content, mi stakes do 
happen. If you find a mistake in one of our booksÓ maybe a mistake in the text or the 
coded we woud be grateful if you woud report this to us. By doing so, you can save 
other readers fromfrustrati on and hel p us improve subsequert versi ors of this book. If 
you find any errata, pl ease report them by visiting http://www. .com/suomit- 
errata, selecti ng your book, clicking on the errata submission forml ink, and entering 
the details of your errata. Once your errata are verified, your submission will be 
accepted and the errata will be uploaded on our website, or added to any list of existing 
errata, under the Errata secti on of that title. Any existing errata can be viewed by 


selecting your title from htto://www.packtoub.con/suoport. 


Piracy 
Piracy of соруп material on the Internet is an ongoing probl emacross all media. At 
Packt, we take the protection of our copyright and licenses very seri ousl y. If you corre 


across any illegal copies of our works, in any form on the Internet, pl ease provi de us 
with the locati on address or website пате inmedi ately so that we can pursue a remedy. 


Please contact us at <соругі ght @ackt pub. com» witha link to the suspected pi rated 
rraterial.. 


We appreciate your hel p in protecting our authors, and our ability to bring you val uable 
contet. 


Questions 
Y ou can contact us at «quest i ons @ackt pub. com» if you are having a problemwith 
any aspect of the book, and we will do our bestto address it 


Chapter L Getting Started with Unreal 4 


Greetings! If you have picked up this book, chances are you are interested in devel opi ng 
garres on Android devices usi ng UE4. This book explains all that you need to know іп 
order to get started usi ng UE4. Fromthe very basi cs, such as downloading and installing 
the software, to the more advanced, such as packag ng your finished дате and porti ng it 
orto your android device, everything will be covered inthis gui de. Y ou can deve op 
ganes for a wide variety of platforms on UE4, but the one we will be focusing onis 
Android. 


Inthis introductory chapter, we will cover the following topi cs: 


e UEA and thefeatures it provides 

e Downloading and installing UE4 

e The Engne Launcher and its user interface 
e Whet to expect fromthe gui de 


What to expect 


Learning how to use a garre eng ne can be a daunting task; you just do not know where 
to begin, and UE4 is no exception. However, once you get the hang of it, you will 
quickly find out how extrerrel y powerful and intuitive it really is. And what better to 
teach you how to use a дате engine than by actually making a game init? This book will 
teach you all that you need to know for you to be able to devel op gares on Android 
platforms using UE4, and make an actual functional дате inthe process. The reason 
behind this is simple; just talking about the features offered by UE4 and derronstrati ng 
themore ata tineis not very effecti ve when learning how to develop a дате, 
However, if one were to explain those very features by implementing themin a дате, it 
woud be much rrore effecti ve, since you wou d get a better understanding of how each 
feature affects the garre and each other. 


The gane we are going to make inthis gudeis called Bloques, whichis a first person 
puzzle сате, wherein the main objecti ve of the player is to solve a series of puzzles in 
order to progress. As the player progresses, the puzzles get progressi vel y nore compl ex 
and complicated to solve. As for the scope of the сате, it will contain four rooms, each 
with a puzzle that the player has to solve in order to progress to the next room 


The rationale behind picking a puzzle garre is that puzzle garres have rrore complicated 
Systerrs, interns of scripting, and level design. To putitin the context of the gui de, 
things suchas scri pti ng with bl uepri rts and level design will be much better 
demonstrated through a puzzle сате. Although the gare will be explained thoroughly in 
the subsequent chapters, a high-level breakdown of the garre's features are as follows: 


e A fuly rendered playable 3D ervironrrert, with four roorrs. 

e Interactive ewironrertal е етегіѕ. 

e The player has to solve a series of puzzles in each of the roorrs in order to 
progress to the next. As the player progresses, the puzzles get more corrpl ex and 
harder to sol ve. 

e Thegare will be optimized and ported to Android. 


This gu de ains to set the foundation of UE4, upon which you can build your knowl edge 
further and bein a position to actually devel op that garre you al ways wanted to make! 


A final word of adviceis practice! Tutorials and gu des can only do so much. The rest 
is upto you. The опу way to tru y mester UEA, or anything for that matter, is practice. 
Keep experi menting, keep making small prototypes, keep yourself up-to-date with the 


latest devel oprrerts and news, and keep interacting with the community. 


System requirements 


Before you jump in and download UE4, you first need to ensure that you have a system 
capable of runing itinthe first place! UE4 works on both Windows and Mac OS X. 
The following are the systemrequirerrerts for each: 


Windows 7/8, 64-bit (Or Mac OS X 10.9.2 or later) 

.NET 4.0 

DirectX 10 (Mac: OpenGl 3.3) 

8 GB of RAM 

Quad-core Inte or AMD, 2.5 GHz or faster 

NVIDIA GeForce 470 GTX or AMD Radeon 6870 HD series or higher 
Atleast 9 GB Hard Disk Space (8 GB for Mac OS X) 


Downloading and installing UE4 


The process of downloading and installing UE4 is pretty strai g'tforward; j ust follow 
these steps: 


1. Go to Urreal's official website (httos://www.unreal eng ne.con7). The horre page 
looks likethe following screenshot 





a) ABOUT LEARN COMMUNITY MARKETPLACE ACADEMIA SIGN IN Q ENGLISH $% GET UNREAL 


FEATURED 











Everything you need to know regarding UE4, you can find hered including the 
latest news, the latest versi on of the engine, blog updates, | atest Marketplace 
ertries, and so on. As of 2015, the engine has been made free to download. 


In addition to the UE4 horrepage, itis recommended that you visit 

://docs.urrealeng ne.con7l INT/. Itis ful of documertati on and video 
tutorials on how to use ОЕА. Epic boasts a large, active, and friendly community, 
always willing to hel p anyone faci ng a probl emvia the foruns. 


Note 


Y ou can access the foruns by hovering over the COMMUNITY tab on the hone 
page until the menu drops down, and then clicking on Forums, or you can simply 
visit https://forurre.unreal eng ne.cony. Alternatively, you can also seek hel p via 
AnswerHub by visiting https://answers.unreal eng ne.cony. 





2. Fromthe Готе page, click on the GET UNREAL button on the ri gt of the screen. 
Clicking onit will bring you to the subscription page, shown here: 





Join the Community 


“FIRST NAME "LAST NAME 


"DISPLAY NAME 


"PASSWORD 


E | have read and agree to the terms of 
service. 


Have an Epic Games account? 


Sign In 


3. In order to download and install UE4, you have to create an accout To create an 
accout with Epic Garres, just fill in the required inforrration, and follow the 
instructi ons. 

4. To download the Eng ne Launcher, simply signin. On your accourt page, you can 
access your profile, billing history, previous transactions, and so on. 
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Download 
a 
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Get Unreal Engine Get Unreal Tournament 





ACCOUNT LOGOUT Q, ENGLISH 


Account Balance 


$0.02 


Get UE4 Full Source Code 
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download the UE4 Source Code 


NEED HELP? y 





5. Now that you have your accourt set up, you can download UE4. Y ou can download 


either the Wi ndows versi on or the Mac version, dependi ng upon your setup. To 
download, under Latest Download click on the Download button and you will 


download the Eng ne Launcher. 


. Torunthe installer, sirrply double-click on UnrealEnginel nstaller-* version 


number*.msi if you are using Windows or UnrealEnginel nstaller-* version 
number*.dmgif you are using a Mac. Follow the steps to install the Engine 


Launcher. 


following screen. 


. After the installation is complete, run the Launcher. Y ou shou d encounter the 





Go offline = 





This is the logn screen J ust type the e-mail address you used to subscribe and 
your password, then either click on the arrow button next to PASSWORD or hit 
the Enter key, to login. 

8. Logg ngin will open the Eng ne Launcher. We will discuss it and its functionalities 
in detail later on, but for now, all you need to do is click on Library and click on 
the Add Versions button next to Engines. Doi ng so will create a slot Y ou can 
select a version nurrber using the version dropdown in the version sl ot you added, 
then you can click on the Install button and the versi on of UE4 that you sel ected 
will begin downloading. 


Thatis it! You have now downloaded and installed UE4 on your PC (or Mac). To 
launch the engine, simply click on the Launch button on the top-left corner of the 
Launcher, below the account пате, and you are good to go. Y ou can also launch 
previous versions of the eng ne if you require. Clicking on the downward arrow next to 


the Launch button will open a menu, with all of the versions of the engine listed, and to 
launch them simply click on the version which you wish to run. 


Unreal Engine 


T 
Unreal Engine 4.7.6 
Unreal Engine 4.7.6 
Unreal Engine 4.6.1 
Unreal Engine 4.3.1 
Unreal Engine 4.2.0 


коа: а: 


Marketplace 


uick Start 


Еу Se 


Level Designer Quick Start 


Library 


OS Forums 


‘J AnswerHub Get Started with UE4 Programmer Quick Start 


Му Roadmap 





оғ Ее Ес 


Alternatively, you сап also click on the Library button, and select which engine to run 
fromthere. All of the versions installed on your systemwill be listed, and you can 
simply launch any version fromthe list by clicking on the Launch button. 
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But hold on! We have a few nore things to discuss before we are ready to start using 


UEA. Let's take a qu ck look at the directory structure. 


The Windows directory structure 


The defautlocation where UE4 is installed is C: \ Program Fil es\ Unreal Engi ne\. 
Y ou can change this if you wish, during the install ation process. Upon opening the 
directory, you will find that each version of the Engine has its own separate folder. Say, 
you have versions 4.1, 4.2, and 4.3 of UE4 installed on your system Y ou will find 3 
separate fol ders for all three versions, namely 4. 1, 4. 2, and 4. з. The following 
screenshot will give you a better idea: 








Name Date modified Type 

is 44 27/08/2014 17:50 File folder 
g 42 09/08/2014 21:33 File folder 
d 43 09/08/2014 22:17 File folder 
b 44 31/12/2014 15:03 File folder 
D 46 22/12/2014 04:12 File folder 
|) DirectXRedist 09/08/2014 21:38 File folder 
|) Launcher 06/09/2014 21:46 File folder 








Each version of the Engine gets its very own folder. Apart fromthat, there are two other 
folders, narrely Di recXRedi st and Launcher. 


Windows DirectXR еді 


Di rect XRedi st is where the Di rect x files are located. The folder also contains the 
installation file, fromwhich you can install Di r ect X. 


Launcher 


TheLauncher folder cortains all the files for the Епо пе Launcher. The Launcher 
folder contains the following subfol ders: 


e Backup: UE4 has an excellert feature that | ets you create backups of your work. 
Shou d a developer make an urfi xable or diffi cult-to-fi x mistake or if the Eng ne 
crashes mid devel oprrert, instead of having hi nyher do all the work all over again, 
a backup of their work will be stored inthe Backup folder, so they can pick up 
where they left off. 


e Engi ne: This folder cortains all of the code, libraries, and content that makes up 
the eng ne. 

e Pat chSt agi ng: Every now and then, Epic will release а new version of UEA. As 
of 2015, the latest version out is 4.7.6. (The preview version of 4.8 is available at 
the time of writing). When you areinthe process of download, all of the data of the 
currently downloading versi ory versi ors of UE4 gets stored inthe Pat chSt agi ng 
folder. 

e Vaul t Cache: As will be explained later in the chapter, all that you need to know 
rigt now is that everything you purchase in the Marketplace is contained in the 
Vault. The Vaul t Cache contains all of the purchased iters' cache files. 


4.X folders 


Before we talk about the 4. x folders, you should know all versions of UE4 (4.1, 4.2, 
4.3, and so on) work i ndependert of each other. This means you do not require the 
previous versionto runthe later versions. For exarrple, if you wishto run version 4.4, 
then you do not need to download versi ors 4.0, 4.1, 4.2, and 4.3 inorder to runit Y ou 
cansirrpl y download versi on 4.4 and use it without any problems. This is the reason 
why there is a separate fol der for every versi on of Unreal 4, each versionis treated like 
a separate ertity. 


All of the 4. x fol ders, although separate, contain the sarre set of subfol ders, hence they 
are grouped together. The following are the subfol ders: 


e Engi ne: Similar to the Launcher's Engi ne folder, this cortains all of the source 
code, libraries, assets, map file, and more that make up the Eng ne. 

e Sanpl es: UE4 has two sanple rreps, Minimal Defaut, and Starter Map. This 
folder contains all the content incl uding assets, bl uepri rts, and more. 

e Tenpl at es: UE4 offers terrplates for various genres of garres, for example first 
person, third person, 2D side scroller, top down, and many nore. All of the content 
for each of these genres and the source code are cortai ned here. 


TheEngneLauncher 


The Eng ne Launcher is a window that opens up after you run the engine. Itis ful of 
features and resources that can prove to be quite useful for you. Firstly, we will look at 
the Engine Launcher's user interface, its breakdown, where everything is located, its 
functionalities, and so оп. 

Upon opening the Engine Launcher, you will see the following window: 
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At the top left, there are three tabs, Unreal Engine, Unreal Tournament, and Fortnite. 
The Unreal Engine tab is open by default, and contains what you see in the preceding 
screenshot 


The Unreal Tournament tab is where you find information and links regarding the 
latest Unreal Tournarrert дате. 
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Welcome! 

Unreal Tournament is being developed as a collaboration between gamers, developers, and Epic Games. It's been a great experiment in open 

development, but is still early. The game is currently in a pre-alpha state, with core gameplay functioning and two maps complete. Many, many more 

things are not yet done. 
CS UT Live chat 

We're updating the game regularly, and starting competitive tournament play later in the year. Until then, feel free to jump in. Play, share your ideas, 
Ш Latest News make mods or help in development. We're also iaunching a mod marketplace where you can buy mods and content and sell the things you make for real 


money. A prototype is up and running now. 
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As rrentioned previously, Epic's latest project, Unreal Tournarrertis а project in which 
Epic accepts and encourages contert fromthe contrunity, such as weapon skins, pl ayer 
Skins, levels, and so on. Fromhere, you can download the latest Unreal Tournarrert, 
purchase contert created by other community merrbers and also get all the latest news 
and updates regarding Unreal Tournarrent 


The last tab is the Fortnite tab. Epic is ситету working on another project, namay 
Fortnite. 
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Atthetirme of writing, the Alpha versionis available. Y ou cansion up for it, g vethe 
deve opers feedback, and access the official Facebook page, Twitter page, Instagram 
accourt, and Twitch streams fromthis tab. 


At the top-ri g't corner, onthe panel with the tabs, are two buttons, the friend list button, 
and the Settings button. When you click on the friend list button, it opens a window, 
where you can manage your friend list, like adding and rerrovi ng friends, seeing who is 
online, and so on. Y ou can also set your status to either Online or Away. 


The next button is the Settings button, wherein you can fi nd certain options regarding 
the Engine Launcher, such as accessi ng the support page, viewing the launcher logs, 
exiting the launcher, and so on. 


On the top left, is the Launch button which, as previously discussed, launches the 
eng ne Below it are several panels; each containing sorrethi ng different Let's look at 
each of these panels individually. 


News 


The News pang contains all the latest news and updates regarding UE4 and Epic in 
general. Fromhere, you can access the latest arti cles regardi ng the current/ newest 
versi on of UEA, the latest content that has been rel eased in the Marketplace, the latest 
tutorial series that are out regarding a specific topic, T witch recaps, and much more. 
This is the place to be, to stay up to date on the everts surrounding Epic and UEA. 


Note 


The news secti on is updated regularly, so checking the news section every once іп а 
whileis Ноу advisable. 


Learn 


As the пате suggests, this is where you canfind all the tutorials and documentation 
regarding UE4. The Leam section offers vi deo tutorials, such as how to use Blueprirt, 
written tutorials, which have step-by-step instructions on how to use UE4, and finally 
there are Garrepl ay Cortert Examples, which are project files with everything al ready 
set up, suchas ће level, lighting, assets, as well as the Blueprirt scri pts so that you can 
personally see what does what and can experi ment 


At the top of the Leam secti on are three buttons, narrel y, Documentation, Video 
Tutorials, and Community Wiki. Clicking on Documentation will send you to Epic's 
official Unreal Eng ne 4 Documertati on page, covering various topics such as how to 
use the Editor, Blueprint, Mati nee, and so on. 


The Video Tutorials button will take you to Epic's video tutorial page, where 
everything is neatly categorized. Each category has a certain number of series. A series 
contains a set of video tutorials covering a certain topic. For instance, the Blueprint 
category ситету has six series, including introducti on, how to create an invertory, 
third person дате creation, and so on. 


Finally, the Communty Wiki is aliving, breathing wiki page, where the people can post 
tutorials, code, projects, plugins, and more. It is a great way of getting user content and 
finding tutorials created by other developers. Itis also worth menti oni ng here that Epic 
is current y inthe process of devel oping thar latest project, Unreal Tournarrent A great 
thing about this title is that they are also accepti ng and i mpl enen ng contert created by 
the community. This includes devel oping the соге дате functionality, level s, characters, 
gurs, HUD graphics, and so on. 


Note 


Shou d you be interested in contri buti ng to the project or are interested in the whole 
thing, just go on the Unreal Tournarrert secti on of Wiki and it will g ve you all that you 
need to know regarding the project. Below this, are the various tutorials, categorized 
based on their types, that you can vi ew/downl oad and learn nore about UE4 and its 
features. 


Marketplace 


The Marketplace is where developers can purchase assets. Deve opers who lack the 
manpower or resources to create assets can purchase and use themin their garre. These 
include meshes, materials, animation sets, rigged characters, audio files, sound effects, 
projects, and tutorials, to nare a few. Certain itens inthe Marketplace, such as the ones 
by Epic therrsel ves are free. They are mostly tutorial project files, with а sanple leva 
al ready setup to showcase vari ous features offered by UE4. These project files also 
have all of the level blueprints set up and inplerented, so that users can see them and 
experi mert with themurtil they get the hang of it Other items inthe Marketplace, 
created by users, cost money. The assets you can purchase are neatly categorized, based 
on the type of contert, for your convenience. 


Apart from buying assets, you can also subni t your own cortert in the Marketplace and 
earn some money fromit Clicking on the Submit your content hyperlink on the top- 
right comer of the Marketplace screen will open up Epic's Call for Submission page. 
The Call for Submission page has all the information regarding subni tti ng content 


It also has ће Marketplace Business Terms, which has all the information regarding 
things like how the revenue fromthe sales will be split, how you will get paid, when 
you will get paid, and so on It also has the Marketpl ace Submission Gu deines, which 
explain things like the submission process, what you need to submit, the resol ui on for 
the screenshots, and more. Y ou can al so get more i nformati on on the subni ssion process 
and get feedback on your content by posti ng on the Foruns. 


Library 


The Library is where all versions of UEA, all your projects, and all the itens you have 
purchased fromthe Marketplace are listed. Let's look at it a bit more closely. 
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Library has 3 sections, Engine Versions, My Projects, and Vault. The Engine 
Versions section displays all versions of UE4 ситету installed on your system Y ou 
can launch any version of the Eng ne listed fromhere. Additionally, you can al so 
download the | atest version or previous versions. To do so, simply click on Add 
Versions at the top of the panel, rigt next to Engines Versions Clicking on it will 
create a slot for the version you wish to down oad. 
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As you can see in the previous screenshot, clicking on the Add Versions button created 
a slot for the latest version of Unreal 4, which inthis case, is 4.8.0 (althoughitis only 
the preview version). To download, simply click on the Download button and it will 
Start down oadi ng. 


Additionally, you can rerrove versions of UE4 that you do not requre. For exarrple, if 
you have the | atest versi on, it would be understandable if you wish to renove previous 
or older versions of the eng ne to make space on your hard drive. To do so, simply 
hover your cursor over the top-left corner of the version slot until you see an x. Once 
you see the x, simply click on it and the corresponding version of UE4 will be 
uninstalled. Another way of uninstalling is by clicking on the downward arrow button 
next to Launch, which opens a drop-down menu; fromthis, sel ect Remove and the 
Engine Launcher will uninstall that version. 


The second part of Library is the My Projects section. Inthis section, all the projects 
you have created are displayed. 


Unreal Engine 
Launch - M 
Unreal Engine 4.7.6 | 


News 
Learn 


Marketplace 


Architecture VR Bloque BlueprintOffice ContentExamples 
n ] у 
Library ‚ | BD є TT 
x d 2. 
L- eS A № ЕЧ ч Р 
. ~ Ç Н 
-- 1.7 4.6 | 47 47 
LandscapeMountains ightroominteriorday RealisticRenderingz Reflectior 





The projects are categori zed al phabeti call y. At the top-ri о corner is the search bar. In 
the preceding screenshot, there are relati vel y few project files; therefore, itis easy to 
find a specific project. However, if you have lots of projects, it might be harder to fi nd 
the project you are looking for. In that case, you can type the гате of the proj ect you 
requre inthe Search Projects tab and it will find it for you. 


At the bottom ri gt corner of a project's thurrbnail, you can see in which versi on of the 
engine the proj ect was created. For instance, inthe previous screenshot, the project 
Effects was created with version 4.0 of UE4. If you open that project file, the Launcher 
will launch the version 4.0 of UE4. If, however, you do not have the corresponding 
version, then upon launching the project, you will be asked to select which install ed 
version you wish to launch the project file in. After you have made your choice, it will 
then convert the project to be corrpati bl e with the versi on you selected and launch it 
However, al ways be carefu when converting a project, as some unexpected issues 
тіс occur. Itis advisable to create а backup copy of the project before you convert it. 


Tolauncha project, double-click on the thurrbrail. A part fromopeni ng a project, there 
are other operations you can performwith the proj ects. Ri gt-clicking on the thumbnail 
opens a menu. Clicking on Delete will delete the respective project Clicking on Clone 
will create a copy of the project file, and clicking on Show in Folder will open the 


folder where all the project files are stored on your system 


Finally, there is the Vault. All of the itens you have purchased in the Marketplace are 
contained in the Vault. 
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The preceding screenshot derrorstrates what Vault | ooks like and how the itens are 
arranged. On the | eft is the thumbnail of the item followed by the пате of said item 
Below the гате іѕ ће arrourt of space occupi ed by that item The blue i icon bel ow the 
гате іѕ information regarding corrpati bility. Hovering the cursor over i will show you 
which versions of UE4 that itemis corrpati ble with. 


The corrpatibility is also displayed at the bottom ri ght corner of the thumbnail, similar 
to My Projects. Let's look at the first itemin the Vault as an ехатріе, that is, the 
Anirration Starter Pack. On the thumbrail, 4.4-4.6 is written. This means that the 
Animation Starter Pack is corrpati bl e with versions 4.4, 4.5, and 4.6. 


Y ou may have noticed that certain itens have the Add to Project option, while others 
have the Create Project option. Items such as animation packs, assets, materials, and 
audio files can be added to any project you have al ready created, and you can use them 
in your level. Projects and Showcases have the Create Project option. Once you click 
onit, it will create a project and will be displayed in My Projects, fromwhere you can 


openit Additionally, you can verify or гетоме any itemby clicking on the downward 
arrow, and clicking on the corresponding opti on fromthe drop-down menu. 


UEA Links 


Thefinal elementin Launcher's user interface is the UE4 Links, located at the bottom 
left corner. UE4 Links unsurprising y contains hyperlinks to different web pages. 
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Let's look at each of themclosdy: 


e Forums UEA has a large and active community. Theforumis a great place to meet 
other devel opers, share your ideas, show your work in progress and get feedback, 
teamup with other merrbers and devel op a project, and so on. 


The forums discussion board is neatly categorized, based on the topi c you wish to 
discuss. There is the Deve oprrert Discussion secti on, where you can tal k about 
Blueprints, Animation, Rendering, C++ Garreplay Programmi ng, and so on. Then, 
there is the Conmmmuntty section where you can showcase your work in progress and 
get feedback, and also see other people's work and g ve themfeedback. Following 
that is the UE4 for Schools section, whichis dedicated to students and teachers to 
discuss UE4 and the education program Finally, there is the International section, 
where you can interact with developers fromyour derrographic. Recruiting and 
tearing up with people for a project is easier and much more conveni ert since 
almost all of the members are fromthe sane general area. 

e AnswerHub Soneti nes, you may face a problemor issue, or have a very specific 
questi on that needs to be answered, which you would not find in any docurrentati or 
or tutorial. In such a scenario, the best course of action is to seek help fromothers 
and/or the Epic staff therreel ves. AnswerHub is a great forumwherein you can 
resolve any issues, technical or otherwise, with the hel p of the UE4 community or 
fromthe Epic staff. To do so, sinply login, post your questi on, and wait for 
sorreone to repl y. 


Alternatively, if you are feeling generous, you g ve back to the contrunity by 
hel pi ng others resolve any issues that they might be faci ng, and build a strong 
reputation in the process. 

e Roadmap The commuity is animportart part of UE4. The developers at Epic 
warted to include the community as much as possi ble and be transparent with their 
devel oprrert process. Nowhere is this nore evi dert than in the Roadrrap. The 
Roadmap lists out features that are in the process of devel oprrent and gives an 
esti mation as to when these features will be deployed. 


Epic's social icons are at the very bottom Fromleft to пот, they are as follows: 


e Instagram Y ou canfollow Epic's Instagramprofile, where they post photos and 
videos regarding UE4, such as environrrerts, everts, materials, and so on. Their 
Instagram | ink is httos://instagramconyUnreal Eng ng. 

e Facebook: Clicking onthis will take you to Unreal Engines official Facebook 
page, where, as with Instagram all of the updates regarding UE4 and Epic are 
posted. The link to their Facebook page is 
https://www. facebook.com Unreal Eng ne. 

e YouTube: This will take youto the official Unreal Eng ne Y ouT ube page, where 
you have access to all of the previous Twitch strearrs, Tutorials, and so on. The 
link to their Y ouT Ube page is 
httos://www.youtube.com/user/Unreal Devel oprrentK цу. 

e Twitter: This will take you to the official Twitter page, should you wart to follow 
themon Twitter. The official Unreal Eng ne Twitter handle is @nr eal Engi ne 

e Twitch Stream Every Thursday at 2 pmEST (at the tine of writing), the Unreal 
teamhas a Twitch stream where they discuss the | atest news, tal k about the | atest 
version of UE4, what features have been added or have been arrended, and answer 
any questions asked by the viewers watching the stream 


Summary 


Y ou have now taken the fi rst step towards becorring an UE4 Android developer. This 
chapter was just the ti p of the iceberg; there are still plenty of things to cover. 


Inthis introductory chapter, we covered what UE4 is and the features UE4 provi des. 
Y oualso learnt how to download and install UE4. Now youre wel versed with the 
Eng ne Launcher, its UI, and functionality 


All these topics provide a ni ce segue to our next chapter, where we will be covering the 
Editor. Before we start using it, itis important that you know and understand what itis, 
how to navigate through it, and its UI and functi onal ity. The next chapter is dedi cated to 
just that So, without further ado, let's move onto the next chapter. 


Chapter 2. Launching Unreal Engine 4 


Now that you know how to download and install UE4, you should have everything setup 
and be ready to begin making garres. However, there is an importart topic that needs to 
be covered before we start making our сате, and that is the Editor. The Editor is where 
all the magic happens. It is where you make the garre. So, itis important that you know 
about the Editor, its functionalities, the user interface, and how to navigate through it 
before we go any further. So, this chapter is devoted to taking you through it 


We will be covering the foll owing topics: 


e Whatthe Editor is 

e |ts user interface 

e Navigating through the Editor 
e Hotkeys and controls 


Meet the Editor 


The Editor is where you make the дате. АП of the assets you create for your дате are 
irrplemented via the Editor. Y ou set uo your environrrent and the levels inthe Editor, 
and all of the code sequences you create can be tested here; the testing, debugging, and 
packaging of your ате is done here as well. 


Needless to say, itis important you understand what the Editor is, get familiar with its 
user interface, and know how to navi gate through it before we can go any further. 
Finally, to improve your workflow, you shoud also be familiar with sore hotkeys. 


The Unreal Project Browser 


When you launch UE4 via the Eng ne Launcher, unless you have opened a proj ect 
directly fromthe library, the Unreal Project Browser will open. Inthe Unreal Project 
Browser, you can see a list of all the Unreal projects that you have al ready created, and 
you can open whichever one you wish. Y ou can also create a new project fromhere. 


Inthe next chapter, we will cover what a project is; for now, we will only focus on the 
Unreal Project Browser and its user interface, as shown in the following screenshot. 
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At the top, just bel ow the tab bar, are two tabs, namay Projects and New Project. 
Each of these tabs contains certain features that we will go through. 


In the Projects tab, you can see and open any project you have stored on your system 
At the top is the search bar. If you have a lot of projects and have difficulty fi ndi ng a 
particular one, you can simply type in the гате of the project you wish to openin the 


search bar and it will display projects that match the nane you have entered. 


To the rigt of the search bar is the Refresh button. If you have made any purchases 
fromthe marketplace, it will not reflect in the browser. To update the project list, click 
on the Refresh button. Next to the Refresh button is the Marketplace button; clicking 
on this will take you to the Eng ne Launchers Marketplace pand. 


Be ow the search bar is the My Projects section; all the projects you have created are 
displayed here. Below My Projects is the Samples section. Any датер ay feature 
sarrples or eng ne feature sarpl es that you can purchase fromthe Marketplace are 
displayed here. 


As you can see in the preceding screenshot, there are ситету two projects displayed. 
Y ou mi gt have also noticed that one of the projects, Test, is quite dark and has 4.4 
written next to it on the bottom-right corner of the thunbnail. This is because the proj ect 
Test was created using version 4.4, and we have launched version 4.6.1. If we try to 
launch this project, we will get a prompt saying that this project was built witha 
different eng пе version and will be g ven the option to convert the project to be 
corrpati bl e with the version of Unreal 4 that we are current y rumi ng. Once you have 
converted the project, it will be compatible with your ситет eng ne version. 


Note 


While conversion works well for upgradi ng projects, downgrading a proj ect (for 
exarrple, converting a project created in version 4.6 to be corrpati ble with version 4.4) 
has a few complications. For one, although you will be able to use nost of the assets 
created inthe project, you will not be ableto load the rrep created init and will start 
with a corrpletel y errpty scene. 


Next we have the Samples secti on. Anything you download fromEng ne Feature 
Sarrples, Exarrpl e Garre Projects, and such are displayed here. The upgrading and 
downgrading process we discussed earlier regarding proj ects applies to these proj ect 
files as well. 


To opena project, simply click on it and the sel ected project will be highlighted 
yellow. After selectingit, click onthe Open button to launch it If you have to open a 
proj ect not listed in the My Projects section, simply click on the Browse button, search 
for the project file, and runit Finally, at the bottom|eft corner of the window is a small 
tick box, which reads Always load last project on startup. If the box is ticked, it will 
autorrati cally open the | ast proj ect you had opened when you next launch UEA. 
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As we can see inthe preceding screenshot, there are a nurber of types of terypl ates to 
choose from depending on what type of сате you wart to make. For exarrple, there are 
terrplates for first person garres, puzzle ganes, side scroller garres, and vehicle garres. 
There are two types of terrplates you can choose from Blueprint and C+- Blueprint 
projects do not require the user to have prior programming experi ence. All of the ganes 
features can be i nplenented usi ng Blueprint, and the terpl ate also provi des the basic 
Set of blueprints геси red for specific дате modes, such as carrera, controls, physics, 
and so on. C+ projects, however, require the devel opers to know C+ These projects 
provide the basic framework for that parti cu ar terrpl ate, upon which the devel opers 
can neke the дате. Picking Blueprint projects is beneficial for devel opers who lack 
programmi ng knowl edge, provi di ng ease of devel oprrent However, though Blueprint is 
a great tool, itis still notas versatile as codi ng. With codi ng, you have more control 
over ће engine, and can even rrodify it to sut your requ reverts. It also means better 
optirrization of your дате. Developers can use Blueprint to irrplerrert features, if they 
so require. 


Note 


To create C+ projects, itis recommended that you have Visual Studi o 2013 or higher 
installed on your system If you do not, you will first have to download and install 
Visual Studio before you can create these ki nds of projects. Y ou can, however, use 
Visual Studio 2012 provi ded that you download the source code fromGi tHub, and then 
compile the entire eng nein Visual Studio 2012. But, since the Eng ne Launcher is built 
with Visual Studio 2013, itis advised that you have the 2013 version If you are on 
Mac, you will need X code 5 or higher. 


To the rigt of the project list is a screenshot of the highlighted project, below whichis 
a description of it 


After deciding which tenpl ate to use, there are a few settings you can select before 
opening the project. First of all, you can choose which hardware you are going to 
develop your garre on, either PC/console, or rrobile/tabl et. 


This will set things like controls when you launch the project. After that, you can set the 
quality of rendering in the дате. Y ou have the option to either pick maxi mumquality, or 
scalable. Now, although it is understandable that you wou d wart to make your дате 
look аггал го, you do have to keep in mind that mobile devices have limitations. When 
deve oping for mobile devices, itis advisable that you pick Scalable. The difference 
between Scalable and Maximum Quality is that in Scal able, the eng ne config files are 
opti mized to g ve the best performance. This means that sone of the more cost y 
features, such as anti-aliasing, and motion blur are, by defaut, turned off. Finally, you 
can choose whether you wart to create the project with the starter content (starter 
contert contains materials, props, audi o files, textures, and so on) or not 


Once you have set these options, you can set the location where your project will be 
stored. The Іей bar shows the locati on and пате of the fol der where the project will be 
stored. Y ou can set it to anything you wish. Inthe right bar, you can set the пате of the 
project. Finally, after you have set all of these options, simply click on the Create 
Proj ect button to open the Editor. 


Theuser interface 


After you have opened or created a new project, the Editor will open Once opened, you 
will see the following screen: 
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The Editor is where you create your garre. As you can see, even though the Editors user 
interface is neatly categorized, there are still quite alot of buttons, menus, and panels. 
To neke explaining the user interface easier, we will divide the Editor into various 
parts, and then go over each section indi vi dually. 
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T hetab bar and the menu bar 


At the top, we have the tab bar. J ust like in an internet browser, you can see tabs of all 
the rep files that are currently opened, and you can dock several viewports. 





On the rigt side of the tab bar, you can see the пате of the proj ect written іп і grey, 
MyPrgject2, inthis case Next to the projects пате is the Send Quick Feedback 
button, which looks like a chat bubble. Wart to g ve sorre feedback to Epi c regarding 
the Editor, positive or negative? Y ou can do so with this button. Simply click on the 
icon to open a menu fromwhich you can choose either to send positive or negative 
feedback, as well as ask questions of Epic. After you have made your choice, a window 
opens, in which you can sel ect what the feedback is about, followed by your thoughts. 
After you have written your feedback, click on Send and it will be sert to Epic. 


Next, we have the Show Available Tutorials button, which, when clicked, opens a 
window, fromwhich you can select what tutorial you would like to see. There are 
tutorials available inside the Editor itself. When you click on the button, a new window 
opens up, showing you all of the tutorials available. 


Be ow the tab bar, is the menu bar. It offers all of the general commands and tools 
offered by all applications. 


e File Неге, уои can create, open, and save | evel s/rraps and you can also create or 
open proj ects fromhere (when you create or open a new project, the currert 

proj ect closes and the Editor reopens). Y ou also package your дате fromhere. To 
do so, simply click on File, hover over Package Product, which will open another 
menu, choose which platformto package your garre on, and then follow the 
instructions to compl ete the process. There are various settings and build 
configurations that you can set here, which we will cover in later chapters. 

Edit Fromthe Edit nenu you can do things like undoing or redoing the | ast acti on, 
cut, copy, paste, and/or dupl i cate whatever object (or group of objects) you have 
sel ected. Y ou can al so access the Editor preferences fromhere. To do so, simply 
dick on Editor Preferences in ће Edit menu. Doing so will open a new window, 
where you can set opti ons such as togg i ng autosaves on/off or setti ng the frequency 
of autosaves, chang ng or assi gni ng hotkeys, and chang ng the measuring units 


(certi rreters, rreters, or kilometers). There are nore settings available in 
preferences, so feel free to explore, and tweak themto sut your сате. 


Finally, you can also set and change settings of the current y open project. J ust bel ow 
Editor Preferences is the Project Settings option; clicking on this opens the projects 
settings window. In the Project Settings window, you can set things like the projects 
descri pti on (this incl udes adding a thumbnail for your project, adding a description, and 
a project ID), how the garre will be packaged, and what platforms will the project 
support 


Note 


There are a lot of settings that you can change and tweak to sut your requ rerrerts both 
inthe Editor Preferences and Project Settings, so itis advised that you go through 
themthorough y. 


Window. The Editor window is fully customizable. Apart fromthe tab and menu 
bar, all the other windows can be custorrized in the Editor to sut your preferences. 
The screenshot in the preceding sectionis the defaut layout of the Editor. Y ou can 
add, remove, and move around any wi ndow you like. 


To do so, sirrply follow these steps: 
1. Move your cursor to the tab of the window you wish to move 
2. Hold downtheleft-rrouse button on the tab 
З. Move the window to wherever you wish to rove it 
4. Releasethe left nouse button and the window will be set 


Soneti næs you may not be able to find the windows tab. For exarrple, inthe 
preceding screenshot, the Vi ewport does not have a tab. This is because its tab is 
hidden To unhideit, just click on the litte yellow arrow located at the top-left 
corner of the window. 


Keeping the above in mind, the Windows neruis for just that. If you wish to add 
another window in your Editor, you can simply open the Windows nenu, select 
which window to add, and click onit When you do so, the window will open, 
which you can then move and set wherever you want. If you are using a dual 
screen, then the Window menu may corre in handy, since you have space to add 
ггоге windows. 

Help: Epic has tried their best to ensure that the tutorials provided by themand the 
contrunty are easily accessi bl e at all tines, either on their website the Eng ге 


Launcher, or the Editor itself. The Help menuis similar to the Leam secti on of the 
Engine Launcher (descri bed in Chapter 1, Getti ng Started with Unreal 4); it has 
links to all of the tutorials and documertati on regarding UE4. On the far right 
corner of the menu bar is the Search for Help bar. Do you need to find a specific 
tutorial, without having to go through the entire Hel p section? In that case, simply 
type inthe пате of the topic you wish to find tutorials on and it will show you 
rratchi ng results. 


Thetoolbar 


Next up, we have the tool bar, located di rectl y bel ow the tab and menu bar. 
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Save Source Control Content Marketplace Settings Blueprints Matinee Build Play Launch 


It provides qu ck access to the most сопттопу used commands and operati ons. 


e Save Onthe very left, is the Save button. Any developer knows how important 
this function is. One crash, and all your work goes down the drain; hence, itis 
available on the tool bar, so that you have quick access to it 

e Source Control: Fromhere, you can either enable or disable source control, 
whichis, by defaut, disabled. Source control is an inportant tool when working in 
a team Itis a method of keeping track of any changes made to a file and controlling 
the version of the software. When any modification has been made to the file, the 
teamcan check the modified files, and if they made any changes, post it for others. 


To erable it, click on the button, which will open a dropdown menu, and sel ect 
Connect to Source. A new window will open, asking youto choose the provi der. 
Select the one you wart and click on Accept Settings. Once enabled, you can 
check any rrodifi cati ors other teamrrerrbers have made, and post any modification 
you have made yourself. 

e Content: The Content button opens up the Cortert Browser. This is similar to the 
Cortert Browser in Unreal Engine 3. So, if you are familiar withit, you should 
have no probl emwith the new version. For those who have not used Unreal Eng ne 
3, the Content Browser is where all of the assets, code, levels, and everything can 
be found. 

e Marketplace: Y ou've suddenly realized that you requ re an asset or assets for your 
дате; instead of opening the Eng ne Launcher again, simply click on this button to 
go to the Marketplace section of the Engine Launcher, where you can browse and 
buy the required itemor itens. 

e Settings This is similar to the Info settings in Unreal Engine 3. It lists out the nost 
contronly used settings for the Editor. Things such as toggling on/off actor 
snapping, all owing/disall owing selection of transl ucert obj ects, 
allowing/disallowing group selection, and nore can be changed here. It is also 


worth nerti oni ng that the Engines visual settings, such as resol ution, texture 
rendering quality, anti-aliasing, and rore can al so be changed here. 

Blueprints: We have a whole chapter dedi cated to Blueprint; therefore, it should 
be no surprise that itis an important and one of the most common y used features in 
UE4. Y ou can access the Bluepri rt Editor frombhere. 

Matinee: This is yet another inportant and cormron y used feature offered by UE4 
using which you can create ci nerrati cs and so on in Unreal Matinee. Y ou can open 
Unreal Mati nee fromhere. 

Build Build isa very importart function of UE4. When you build your leva, the 
Engine precomputes lighting and visibility data and generates navi gati on networks, 
and updates georretry. 

Play: When you click on the Play button, the дате starts normally in the viewport 
for you to test your level and to see whether everything is functioning as intended. 
When the gane starts, the Play button gets replaced by the three other buttons. 
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Pause Stop Eject 


Pause: This button pauses the дате session. When paused, you can resume, or ski p 
a frarre. 

Stop: This button stops the дате sessi on and takes you back to the editing mode. 
Eject: When you click on Play, you take control of a character. If you click Eject, 
you stop taki ng control of it and can move it around in the Viewport 


There are other options you can set for Play, by clicking on the downward facing 
arrow next to the button, which opens the Play menu. 

Launch: When you believe that your garre is fini shed and ready to be ported, 
clicking on the Launch button will cook, package, and deploy your proj ect into an 
executable applicati on file (dependi ng upon what platformyou want to deol oy your 
garre on). 


Viewport 
Located in the center of the Editor, the Viewport is where you create and view your 
garre. All of your assets are placed and asserrbl ed here to create your world. 





ЗВ Ша] Default (Persistent) 


Let's look at the Viewport closely. To move around, hold the | eft or right mouse button, 
and use the W, S, A, and D keys to nove around. To select an object, left click onit At 
the top is the Viewports tool bar, sorre on the left, and some on the right Lets examine 
these tools indi vi dually: 


e Viewport Options At the far | eft of the tool bar, represented by the downward 
facing arrow, is the Viewport Options. When clicked, it opens a menu, which 
contains options for viewing the Vi ewport, and what you wart to see init For 
example, you can switch to sorrethi ng called Game Mode, which displays the 
scene as it would appear in the сате. This rreans, things such as volumes, hidden 


actors, and actor icons (for exarrple, inthe preceding screenshot, there are four 
actor icons), all get hidden There is also something called Immersive Mode, 
which makes the Viewport go ful screen. There are other opti ons that can be set in 
the Viewport Options menu, so have a look around! 

Viewport Type: Next, we have the Viewport T ype menu. There aretwo types of 
Viewports, perspecti ve and orthographic. The perspecti ve vi ew is the ful 3D 
view, in which you can see the scene іп three dimensions. Orthographic vi ew 
enables you to view the world in two dirrensions, either along the XZ plane (front), 
the YZ plane (side), or the XY plane (top). 

View Mode: There are various modes in which you can choose to view your 
world. By clicking on the View Mode button, you can check out all the various 
view modes offered by UE4. By defaut, the mode se is Lit. In this mode, you can 
see the leves rendered with all of the light actors placed inthe scene. Y ou can 
switch to Unlit, which, as the nare suggests, shows the scene without any lighting. 
Another node you can switch to is Wireframe, which only shows the wi refranes 
of the actors placed in the scene. 

Show: Fromhere, you can select what types of actors you wart to view or hidein 
your scene. When you open the menu, you can see a list of itens with tick boxes. If 
the box is ticked, those types of actors are visibleinthe scene. If the box is 

uti cked, those types of actors are hidden. 

TransformTools Lets move to the right side of the tool bar. First, we have the 
transformtools, with three icons. There are three transformactions that can be 
performed on an actor. The first action is translate, whichis chang ng the position 
(or coordinates) of an actor in your world. The second action is rotate, whichis 
rotating an actor about the x, y, or 2 axis. The third actionis scale, whichis 
increasing or decreasing the size of an object. You can choose which action to 
performby selecti ng any one of themfromthe TransformT ools (you can also do 
thisinthe Details window). 

Coordinate System The next iteminthe Viewport Tool bar, represented by an 
icon shaped as a gd obe, is the Coordinate System T here are two coordinate 
systems in which any transformacti on takes pl ace: global, and local. Y ou can click 
on the button to switch between them If the дора! coordinate systemis acti ve, the 
icon will be of a gobe. When the local coordi nate systemis sel ected, the icon will 
be a cube. When the local coordi nate systemis acti ve, the axes about which you 
peforma transformacti on will align itself to the actors rotation. When the g obal 
coordinate systemis active, it will notalignitsef with the actors rotation; instead, 
it will alignitself with the world. The following screenshot shows you what this 
means. On the left, the local coordinate systemis active, and on the right the g obal 


coordi nate systemis acti ve. 








Surface Snapping, Grid Snapping, and Grid Snap Value: The next three tools all 
relate to the translate action; hence, they are grouped together. Surface snapping 
tool, reoresented by aniconin the shape of a curved line with an arrow 
perpendicular to it, when acti ve, causes the actor to snap to surfaces (BSPs, other 
Actors surfaces, and so on) when transl ated. This is handy when you want to pl ace 
actors on the ground. J ust make sure that the actors pi vot is at the bottom since its 
the pi vot point that snaps onto the surfaces. 


Grid Snapping, represented by a grid-shaped icon, when active, causes the actor to 
move in specific values, when transl ated. Think of the world as a grid, with each 
call inthat gid a certain size. When active, if you transl ate an actor, it will snap to 
this gid. Thisis especially handy inlevel design, when you wart precise 

pl acerrert of actors with everything properly spaced or aligned. The val ue by 
which these actors will move can be set inthe Grid Snap Value menu. 

Rotation Grid Snapping and Rotation Grid Snap Value: The next two tools are 
similar to Grid Snapping, the only difference ра ng that these tools are for the 
rotation action. When active, the actor will rotate in set val ues (for ехатріе, 10 
degrees). This val ue can be changed in the Rotation Grid Snap Value menu. 

Scale Grid Snapping and Scale Grid Snap Value: The final member inthe grid 
snap group is the Scale Grid Snapping. This applies when you wish to scale 
objects. When active, the actor will scale up or scale down in specific increrrerts, 
which can be set in the Scale Grid Snap Value menu. 

Camera Speed Moving on fromScal e Grid Snapping, we have the Carrera 
Speed. Y ou can nove the carrera around usi ng the arrow keys. Y ou can set how 
fast the carrera will move, by setting its speed in the Carrera Speed menu. 


e Maximize or Restore Viewport: The last iteminthe Viewport tool bar, at the far 
rigt corner, is the Maxi nize or Restore Viewport button. As menti oned 
previously, there are four Vi ewport types that you can switch to: perspective, front, 
side, and top. When clicked, the Viewport is di vi ded into 4 segrerts, with each 
Viewport type in each segrert. The following screenshot shows what this looks 
like: 
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At the top left, is the Side view; at the top right, is the Frort view; at the bottomleft, is 
the Perspective view; and at the bottomright, is the Top view. Each window has its 
own Viewport tool bar. Y ou can maxi mize any viewport type, by clicking on the 
Maximize or Restore Viewport button in the Viewport you wish to mexinize. This 
viewport setti ng is most сопттегї when desi gni ng level s, and placing assets, since you 
wart to make sure they are properly aligned fromall directions. So, be ready to switch 
between those setti ngs frequent y. 


Modes 


The Modes window contains various modes presert in the Editor. Based on what task 
you wish to performin the Editor, you can choose which node to switch to fromthis 
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There are five modes, represented by five different icons that you can switch to. These 
are: 


e PlaceMode This is the defaut mode. It is used for placing actors orto your leve. 
An actor is anything you place іп your дате; this includes things like static meshes, 
lights, triggers, volumes, and so on. This is similar to entities or objects, whichis 
used in other дате eng nes. There are various types of actors that can be placed in 
the levd; especially, actors contron to all types of projects. All of these actors 
have been categorized based on their type, called classes. There are 5 types of 
classes. They are as follows: 

o Basic: This contains the very basic actors, and ones that are used in pretty 


much any garre you make. These include triggers, carrera, player start, and so 
on. 

o Lights Theligtts pane contains the different types of light actors available. 
For instance, you have poirt lights, which actas a normal light bulb, enitting 
По equally froma point source inall directions; and directional lights, 
whichis enitlights fromanirfinitely far away source, like the sun, and so on. 

o Visual: This class cortains all of the actors that affect the garres visuals, such 
as post processing vol urres, atrrospheri c fog, decals, and so on. 

o BSP: BSP or Binary Space Partitioning, contains BSP brushes, which are the 
basic building blocks for creati ng in-garre georretry. The class contains BSP 
brushes of different shapes, such as box, cone, spiral staircase, and rrore. 

o Volumes The volumes class contains different volumes, each with a different 
property. For exarrple, you have sorrethi ng called the KillZ Vol ure, which 
destroys any actor that enters it, includi ng the Player actor. This is useful 
when you are making pitfalls, and areas where the pl ace can fall off. 

Paint Mode: Pai rt Mode allows you to pai rt and adjust colors and textures orto 
stati c meshes. Here, you can set the brush size, falloff radius, strength, and more. 
One thing to note is that you can опу pai rt on the actor that is currently sel ected to 
ensure that you опу paint on the mesh and not anywhere else. 

Landscape Mode: І? you have a natural outdoor environrrert, instead of creating 
the entire landscape first ina 3D modeling software and then importing itin the 
Engine, you can create it inthe Engine itself with the help of the Landscape tool ! 
When you enable the landscape tool, a huge green pl ane appears inthe viewport 
This shows you what the di mensi ons of the landscape will be, once created. Y ou 
can set the di mensi ons and other settings in the window. When you are satisfied, 
just click on the Create button at the bottomof the modes window, and it will 
create the landscape plane. Once created, you can scu pt and paint the plane to 
create your landscape. To delete the plane, simply click on Place Mode to enable 
the place mode, select the plane, and hit Delete, to removet 

Foliage Mode: Inthis mode, you can qu ck y pai rt stati c meshes usi ng pai rt 
selection (place) and erase static meshes on landscape planes and other stati c 
meshes. This is an extremely handy tool if you are placing things like tress, plants, 
bushes, rocks, and so on, hence the пате Foliage Mode. Instead of pai nstaki ng y 
placing each tree, rock, and bush in your level one at atime, you can simply use 
this tool to place them Y ou can set the density of the mesh you wart to place, the 
brush size, and what actor or actors to place in the Foliage Mode. 

Geometry Editing Mode: Finally, we have the Georretry Editing Mode. As 
mentioned previously, BSP brushes are the basic building blocks for your in-garre 


georretry and are extrerrel y useful. However, the BSP brushes provided to you 
соте іп specific shapes. If you requ ге the BSP brush to be of a different shape, 
you can switch to the Geometry Editi ng Mode, and then manually customize your 
BSP brush. 


Finally, if you wart to find a specific actor, you cantypeinits гате іп the search bar at 
the top, and it will show you the actors which match the пате you entered. 


World Outiiner 


The World Oudiner displays all of the actors that are in your level ina hierarchical 
format. Y ou can select and modify actors fromthe Scene Outliner window. It is a great 
way to keep track of which actors are in the scene. When meking a relati vel y large 
leva, itis a common occurrence for the developers to forget to rerrove sorre actors, 
that they do not need anyrrore, fromthe scene. As a result, these actors stay in the scene 
and take up umecessary merrory when the game is ruming. The World Ouliner is one 
way to prevert this fromhappeni ng. 
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Sone of the operations you can performin the World Оийіпег are as follows: 


e Create Folders Y ou have the opti on to create a fol der and put actors into it For 
exarrple, inthe preceding screenshot, there is a folder titled Li ght i ng, which 
contains all of the light actors that are present in the scene. This makes keeping 
track of your assets even easier. It al so makes things look neat, tidy, and organized! 


Grouping actors into a folder is also really handy when you wart to move certain 
actors, without disturbi ng their relati ve positi on fromeach other. For example, say 


you have made an indoor scene and you wart to rove it to a different locati on. 
Instead of moving all of the assets individually, or group selecti ng them you can 
group all of the assets that are inthe roominto a folder. If you wart to rrove the 
room simply click on the folder and all of the assets in the roomwill be selected, 
and you can move all of themsi mi taneously, without disturbi ng their relati ve 
position. To select all of the objects ina folder, пот click on the folder to open a 
menu. Then, move the cursor over to Select, and then click on AllDescendants. 

e Hide Function Y ou may have noticed an i con shaped as an eye onthe | eft of every 
actor/folder. This is the hide function. If you click onit, the corresponding actor 
will be hidden inthe scere. If itis a folder, then all of the actors in that fol der will 
be hidden. 

e Attach Actors. Y ou can attach two or more actors. This is another, and relatively 
qu cker way of moving a group of actors without disturbing their relati ve positi on 
fromeach other. To do so, inthe Scene Ouliner window, simply select the actor, 
and drag it over to the actor you wish to attach it to, and then rel ease it when you 
see a popup saying Attach *actor name* to *other actor name*. Y ou can also 
attach muti ple actors to another actor. 


Attaching forms! a hierarchy: The actor to which you attach other actors 
becorres somewhat of a parent actor. When you rrove the parert actor, all of the 
actors attached to it move as well. However, if you rrove the attached actor, the 
parert actor will not rove. 


One thing to note is that to move the attached actors together, you have to select the 
раге actor fromthe Scene Out iner and then rove it. If you sel ect the parert actor 
fromthe Viewport, only it will move, and the other attached actors will not 


At the bottomleft, you can see a nurrber of actors in your scene. At the bottom-right 
Correr, is sorrethi ng called View Options, fromwhere you can choose what actors you 
wart to see based on filters in the View Options menu. 


Content Browser 


All of your garres assets, such as static meshes, materials, textures, blueprints, audio 
files, and so on are displayed in the Content Browser. It is where you import, organize, 
view, and create your assets. 
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Atthe top are three icors, Add New, Inport, and Save All. They are descri bed as 
follows: 


e Add New. Usingthis button, you can create a new asset, such as а rraterial, a 
particle system blueprint, and so on 

e Import If you wart to import cortert into your project file, уои can do so using the 
irrport functi on 

e Save All: If you have created or modified an asset in the Cortert Browser, click or 
Save All to save all rrodified or created assets 


Below these icons, we have the navi gati on bar. If you have alot of fol ders and 
subfolders in your Contert Browser, this will cone іп handy to hel p you ravi gate 
through themquickl y. At the far right corner, there is a small padlock icon, whichis, by 
defaut, ulocked. If youclick onit, it will lock all Find in Content Browser requests. 
Inthe Viewport, when you rightclick on an actor, it opens up a menu. Inside it, isa 
function called Find in Content Browser. When you click on it, the Cortert Browser 
shows you where the asset is located. If locked, when you click on Find in Content 
Browser, it will not show you where that asset is located. Instead, it will open a new 
Content Browser window, showing you where the actor is located. 


Underneath the ravi gati on bar, on the left, is the Sources Panel. The Sources Panel 
contains all of the folders and collections you have in your project. On the right, is the 


Asset View, this shows all of the assets and subfolders cortai ned within the sel ected 
folder in the Sources Pane. At the top is the Filters menu. If you only wart to sæ а 
certain type of asset, say, if you only wart to see what material assets are contained 
within the folder you have selected, then you can do so with the help of the Filters 
menu. To its right, is the Search Bar, which you can use to find a specific asset in the 
selected fol der. 


At the bottomof the Asset View, you can see the total number of items, includi ng assets 
and folders inside the sel ected folder. On the bottomri grt, is the View Options menu, 

fromwhere you can set how you wart the ites in the Asset Vi ew to be displayed. For 
example, you can set whether you wart to see the itens as tiles, as alist, or as colums. 


Details 
In the Details panels, you can see and rrodify the properties of the currently sel ected 
actor. 
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At the top, you can see the гате of the sel ected actor (which, inthis case, is Cube06). 
This is ће пате box, where you can set the nane of the actor to whatever you like. On 
the far right, is the lock button. It is by default, unlocked. When locked, the Detail s panel 
will only display the properties or details, of that actor, even if you have selected a 
different actor. 


Below this is the search bar, which you can use to filter what properties you wish to 
see. Next to it, is the Property Matrix button which opens the Property Editor window. 


On the far right, is the Display Filter button, which you can use to do things like 
coll apsing/expanding all of the categories, only displaying modified properties, and 
showing all of the advanced properties in the Details window. 


Below the пате, there are two buttons, Add Component, and Blueprint/Add Script. 
The Add Component, as the пате suggests, allows you to add a corrponert to the 

sel ected actor. These corrporerts incl ude static meshes, shape primitives (cube, sphere, 
cylinder, and cone), ligt actors, and so on. This is similar to the Attach Actors function 
inthe World Oudiner. The actors get attached in a hierarchy, with the sel ected actor as 
the parent. 


A part fromattachi ng corrponerts, you can al so convert the sel ected actor into a 
Blueprint Class. A Blueprint Class is an actor which as componerts, as well as sone 
codeinit (In other engines, the equ val ert termwou d be Prefab). We will be covering 
this in great detail in the later chapters. 


Finally, at the bottom is the Properties Area, which displays all of the selected actors 
properties, such as locati on, rotation, scale, what material is currently on it, adding and 
rerrovi ng rraterial s, and so on, which you can modify. 


Hotkeys and contrals 


We will end our discussion on the Editor, by listing sore controls and hotkeys for 
windows that you should know. Merrorize them It will make navi gati ng through the 
Editor much easier and nore efficient Here are the essential controls that you shou d 


know: 





This selects the actor under the cursor and opens an options menu for the 





Right-mouse button | 
Right-mouse button + drag This rotates the carrera in the direction you drag the mouse 


Left-mouse button +right mouse This moves the carrera up, down, left, and right, depending upon where you 
button+ drag move your mouse 


This moves the carrera up, down, left, and right, depending upon where you 
move your mouse 





E This selects the rotation tool 
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W pou mouse button МИ moves the carrera forward 


E c any mouse button Wsmestecmmap moves the carrera up 


О +апу mouse button This moves the camera down 


This increases the field of view (goes back to the default value when the 


Z +any mouse button borne rera ) 


This decreases the field of view (goes back to default value when the buttons 
are released) 


C «any mouse button 
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lc [This Switches to game mode | 


Summary 


Inthis chapter, we looked close y at the Project Brower, Editor, its Ul, how to navigate 
throughit, and ѕоте irrportart controls and hotkeys that you shou d be aware of. We 
have now covered everything you need to know to actually start usi ng UEA to make 
garres. So, without further ado, lets start making our garre. 


Inthe next chapter, we will take you through what a project is, the different types of 
proj ects you can create, how to use BSP brushes, irrporting and inpl eventing assets in 
the одате, lighting, and so on. 


Chapter 3. Building the Game! First 
Steps 


By now, you hopefully have everything set up. Y ou now know enough for us to finally 
get started with what you are really here for, to make garres using UE4. A great feature 
about UE4 is that it is easy to get into, yet hard to master, since there is so much you can 
do with this powerful engine. We will start by making the core el errerts of the сате, 
namely the leve, lighting, and materials. 


Inthis chapter, we will cover the following topics: 


What a proj ect is, different types of projects offered by UE4, loading, and creati ng 
new projects 

Our garre's concept, objective, genre, and features 

Geometry and BSP brushes 

Irrporti ng assets into the Contert Browser, and onto the level 

How to create rraterials 

Lighting, its types, impleventation, and building lights 


Projects 


A projectis an entity that holds all of the assets, maps, and code that make up your 
сате. Once created, you can create miti ple levels, or scenes, within that project. Y ou 
can create, and purchase your own project files and use them Mostly, projects that you 
can purchase corre as a thene with assets and levels made accordi ng to that there. For 
instance, you can down oad the Sd-Fi Hallway project for free fromthe Marketpl ace. 
This project file contains various objects, materials, and ап exarrple level setup of a 
futuristic hallway. 


Creating a new project 


When creati ng а new project, UE4 offers a number of terrplates that you can choose 
from depending upon what type of дате you wish to meke. Lets look at Unreal 
Project Browser again to better understand what this means: 
Ld Unreal Project Browser 

Projects New Project 





template to use a ring point for your new project 


B$ Blueprint © C++ 


Blank 


A clean empty proje 


C:\Users\Nitish\Documents\Unreal Projects = 
Folder Name 


In the preceding screenshot, we see there are various types of terrpl ates available. 
These terrplates are project files that you can create, which contain the framework for 
the type of сате you need to meake. For example, if you wart to make a third-person 
shooter or adventure garre, you can choose Third Person, which cortains things like the 
carrera, characters, and the basic mechanics scripted. It also contains a sanple map, 
where you can test the controls and the mechanics. To create a new project, simply 

high igt the type of game you wish to create, and click on Create Proj ect. 


Opening an easting project 

Thereare several ways to open a project. One way is through My Projects, inthe 
Engine Launcher Library secti on. The second way is in Unreal Project Browser, 
under the Projects panel. The third way to load a projectisinthe Editor itself. To do 
SO, simply click on the File in the menu bar to open the File menu, sel ect Open Proj ect 
and simply select which project you wish to open. Doi ng so will close the сите 

proj ect and reopen the Editor. 


Project directory structure 


By defaut, any projects you create are stored in C: \ User s\ *account 
name*| Document s\ Unreal Proj ect s. Onopeningthis folder, you will see sorrethi ng 
similar to the following screenshot 








Name ° Date modified Type 

|) BlueprintOffice 04/01/2015 18:14 File folder 
di Effects Cave 4.0 28/10/2014 14:27 File folder 
|» GDC2014Demo 17/01/2015 15:55 File folder 
1) LandscapeMountains 17/01/2015 16:29 File folder 
4 Lightroominteriorday 31/12/2014 14:10 File folder 
Ў MyProject 20/01/2015 15:36 File folder 
|. MyProject2 18/01/2015 22:46 File folder 
4». Reflections Subway 4.1 25/12/2014 16:06 File folder 
4s SciFi Hallway 4.1 25/12/2014 15:56 File folder 
35 ShooterGame 30/12/2014 15:21 File folder 
|. SunTemple 02/01/2015 18:47 File folder 
d Test 17/01/2015 15:46 File folder 














Inthe precedi ng screenshot, each project has its own separate fol der. Each fol der 
contains files and fol ders related to that project, such as the assets, maps, the project 
fileor . uproj ect files, and so on Have a look around, see which fol der contains what 
and the rol e each of themplays. To delete any project, simply delete the fol der of the 
project you wish to renove. 


Bloques 


We have our project setup. We can start making our garre. Let's first talk about what the 
дате is. 


Concept 


The game we are going to make inthe gu de is Bloques, whichis a first person puzzle 
сате designed for Android. The main objective of the дате is to solve a series of 
puzzles in each roomto progress to the next. The дате we are goi ng to make is goi ng to 
havefour roorrs; with each progressi ve level, the puzzle gets rrore corrpl ex. 


Controls 


The player cortrols the character usi ng two virtual joysticks, one for moving and the 
other for looking. All of the garre's interaction, such as picking up objects, opening 
doors, and so on, will be done via touch. 


Creating the project for the game 


The first thing we need to do is set up a project. In the Eng ne Launcher, launch the 
Editor through the Launch button. The version used to neke this дате is 4.7.6. After the 
Unreal Project Browser has opened, open the New Project pane and follow these 
steps: 

І. Select First Person fromthe terrplates section, and sel ect the terpl ate in the 
Blueprint tab. 

2. Inthe Target Hardware options, pick Mobile/Tablet. 

3. Inthe Quality Settings you have two options, Maximum Quality and Scalable 
2D or 3D. As mentioned before, you shoud only pick Maximum Quality if you 
are making a garre for PC or Console and Scalable 2D or 3D for rrobile or tab. 
Keeping that in mind, select Scalable 2D or 3D. 

4. Inthe menu which asks you whether you wart to start with or without starter 
сопе, select No Starter Content. 

5. Finally, set the пате of the project as BI oques. 


After all of these settings, it shoud look something like this: 


AL 
Projects New Project 





Choose a template to use as a starting point for your new project Any of these features can be added later by clicking Add Feature or Content Pack in Content Browser 
[ Blueprint op c++ 
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Next, simply click on Create Project. We have now set up our project. After the Editor 
has opened, you will see a test level already set up. The test level is just to showcase 
the basic functi onal ities and mechanics that the template you have chosen, provides. In 
the First Person terrplate, the pl ayer will be able to move, јитр, and shoot. Another 
great feature is that, when you select Mobile/T ablet as your target hardware, UE4 
automatically provides two virtual garre- pads, one for moving and the other for | ooking. 
This takes alot of work out of having to scri pt in the controls. 


However, we do not wart to work on this ехатріе map. We wou d wart to work ona 
new map. To do so, simply click on File to open the menu, and click on New Level. 
Clicking onit will open up the New Level window, which offers two types of levels, 
Default and Empty. A Default Level has the very basic components, such as a skybox 
and a player start actor al ready set up. 


Empty Level, however, as the narre suggests, contains absol utel y nothing set up. If you 
wish to make your дате fromscratch, you should pick Empty Level. Since our сате is 
going to take place indoors, we do not really need a skybox. Therefore, choose Empty 

Level. We have now set up our level where we are going to make our дате Lets save 
this leva aS ВІ oques Gane. Y our Viewport will now look like this: 
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BSP brushes 


The first thing we need to do is buld our levd. We will do this with the hel p of BSP 
brushes. We talked briefly about BSP brushes in the second chapter, but now we will 
talk about themin a bit more detail. BSP brushes create vol ures and surfaces for your 
leva. It provides a quick and easy way to block out your level and to make qu ck 
prototypes. Y ou can even create the entire level itself using BSP brushes. If you do not 
have access to 3D rode ling software, such as Maya or 305 Max, to create assets for 
your level (such as walls, ceilings, and so on), then you can use BSP brushes instead to 
create your level. The BSP brushes can be sel ected in the Modes раге, in the Place 
Mode. 


Default BSP brush shapes 


As mentioned inthe previous chapter, there are a total of seven default brushes offered 


by UEA. Thefollowingis a screenshot of the georretry created by brushes: 








Fromleftto right, you have: 


Bax Brush This creates a cube-shaped brush. Y ou can set the lengh, width, and 
hei ght of the box. Y ou can al so set whether you wart the cube to be hollow or not 
If so, you have the option to set the thickness of the walls. 

Sphere Brush This creates a spherical brush. Y ou can set the nurber of 

tessel lations. Increasing the nurrber of tessel lati ons will make it smoother and 
more like a proper sphere. However, keep in mind that increasing the tessel lati ons 
will increase the number of surfaces and therefore will require nore гтетогу to 
render. Keeping that and the technical limitations of mobile devices in mind, itis 
better to have alow-pol ygon georretry with a good texture, than a hi g- pol ygon 
georretry with a bad texture. 

Cylinder Brush This creates a cylindrical brush. Y ou can set its radius and ће grt 
Y ou can also increase or decrease the nurrber of sides. As with the Sphere Brush, 
increasing the nurrber of sides will increase the nurber of surfaces al ong the 


length, making it smoother, but will requi re more merrory to render. 

e Cone Brush This creates a conical brush. Y ou can se properti es such as the 
height, and the radius of the base. Y ou can also set the nurrber of surfaces inthe 
brush. 

e Linear Stair Brush This allows you to create linear or straight stairs. Instead of 
having to model, unwrap, and import stairs into your level, you can create it inthe 
engine itself. Y ou can set properties such as the length, width, and hei ght of each 
Step, the number of steps, and the di stance bel ow the first step. 

e Curved Stair Brush Y ou can also create curved stai rs usi ng the Curved Stair 
Brush Y ou can set properties such as the inner radius of the curve, the ange of the 
curve (the ang e of curve means how much the stair will curve. Y ou can se it to 
any val ue between 0 to 360 degrees), the number of steps, and the distance bel ow 
the first step. Finally, you can also set whether you wart the stairs to curve 
clockwise or courter-clockwise. 

e Spiral Stair Brush: Finally, we have the Spiral Stair Brush. The difference 
between Spiral and Curved Stairs is that Spiral Stairs can repeatedly wrap over 
itself, while Curved Stairs cannot. Y ou can set things like the inner radius, the 
width, hei ght, and thickness of each step, number of steps, and nurrber of steps in 
one whole spiral. Finally, you canalso set options such as whether you wart the 
underside and/or the surface of the stai rs to be sloped or stepped and whether you 
wart the spiral to be clockwise or courter-clockwise. 


The preceding brush types can be used to create georretry through the use of additive or 
subtracti ve brush types through the Modes pane under Place/BSP. When a brushis 
added to your leva and used to create georretry, an additi ve brush type will add 
georretry wherever placed. Subtracti ve brush types will remove any georretry that is 


overlappi ng additi ve georretry. 


A part fromthese setti ngs, you can also set the properti es of each surface of the 
georretry, such as panning, rotating, flipping, and scaling the U and/or V coordi nates. 
Y oucan see their effects when you apply materials to them 


Finally, you also have the option to use brushes to create vol ures, such as trigger 
volurres, blocking vol ures, pai n-causi ng vol ures, and so on. 


Editing BSP brushes 


Say, you wart to create geometry usi ng BSP brushes, but the shape that you require is 
not one of the seven default shapes. In that case, you can create your own brush usi ng the 
Geometry Edit rode. It is located on the far по of the Modes pane. Click on itto 
switch to the Geometry Edit rode. 
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Inthe precedi ng screenshot, you can see that when you switch to the Georretry Edit 
node, all of the vertices, faces, and edges in the georretry. Y ou also may have noticed 
that the size of the verti ces have increased. Inthis mode, you can select either the whole 
brush, a face, a vertex, or an edge of the georretry. 


Inthe modes panel, you can see several operations, such as Create, Delete, Flip, and 
SO on. Sorre of them you can perform while the others you cannot. What operati on you 
can and cannot perform depends upon what you have sel ected (such as a vertex, edge, or 
face). 


Blocking out the rooms with BSP 
brushes 


We will now design the environrrert for our дате. Make four rooms and keep them 
blocked out so the pl ayer has to sol ve the puzzle in one roomto get to the next. 


The first room 


The first roomis going to be relati vel y straightforward. The roomis going to be cuboid. 
Since this is where the player starts, he/she will be introduced to the mechanics inthis 
room suchas moving, looking, picking up and placing objects. The player simply has to 
pick up the key cube and place it on the pedestal to open the door. The player will also 
know, through this simple task, the main objecti ve in each room 


So let's begin by making the floor. We are goi ng to use a Bax Brush To add a Bax 
Brush simply click on Bax inthe Modes panel under BSP and drag it on to the 
Viewport. In the Details panel, set the dirvensions of the brushas 2048 x 2048 х 64. 
We wart this roomto be relatively srrall, since the puzzle is simple and also, to avoid 
unnecessary walking, as the player might get bored. 





After that, let's now make the walls. Again, we will use a Box BSP brush to make them 
Set the dimensions as 2048 x 64 x 1024. After you have made one wall, simply click 
and hold the Alt key and move the wall to create a duplicate, which can be placed on the 
other side of the room 


Note 


When using BSP brushes, switch the View mode to Unit. Otherwise, you will not be 
able to see the surfaces and would have to buld the lighting every ti me you introduce a 
Surface. 


For the walls along the adj acert side, let's set the dimensions as 64 х 2048 x 1024. 
Again, as with the other wall, simply duplicate the BSP brush and rove it to the far side 
of the room 





Finally, for the ceiling, simply duplicate the floor and drag it on top of the walls. 
Note 
To prevert li ght bleeding and other complications regarding lighting and rendering, 


make sure that there is no gap between any of the brushes. Switch to Top, Side, or Front 
view to make sure all of the walls and ceilings are perfectly lined up. 


What this roomnow needs is a hole for the door. Otherwise, the player wou d be stuck 
inthe first roomand woud not be able to advance to the next We are going to do so 
with the help of a subtractive BSP brush. 


To create a subtractive brush, drag the Bax Brush orto the level, and in the Details 


panel, set the Brush Type to Subtractive. Set the dimensions of this as 64 x 256 x 
256. Place this subtractive brush on any of the walls along the shorter side of the room 
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Finally, let's add a pedestal near the door, where the player has to place the key cubein 
order to open the door. 





With that, we have now blocked out the fi rst room Let's move on to the next. 


T he second room 


Inthe second room we will add a bit of challenge for the pl ayer. Upon enteri ng the 
second room there will bea large door inthe middle. The player can open the door by 
touchi ng it on the screen. However, as soon as he/she lifts his/her fi nger or moves away 
fromit, the door closes. To the player's right will be the key cube however, itis 
trapped. In order for the player to un ock the кеу cube, he/she will have to go past the 
door, retrieve another cube, place it on a platformnear the door, to un ock the key cube, 
place it on the pedestal, and advance to the next room 


Inthe first room we had created each surface (walls, floor, and ceiling) individually. 
There is an alternate method we can use to create our second room For that, we will 
make use of the Hollow property in the brush's Details panel. 


With that said, sel ect the Box Brush, and drag it on to the scene. Next, set its 
dimensions as 2048 x 1544 x 1024, and positionit rigt next to the first room 
(remerrber to position it next to the wall with the door). Positionitas in the following 
screenshot 





Once positioned, with the brush sel ected, go to the Details panel and tick Hollow. As 


soon as you tick it, a new setting becorres available, Wall Thickness, Set its value to 
128 (rreke sure that the subtracti ve brush we used in the previ ous roomfor the door is 
overlapping both walls; otherwise, you will not be able to see the door). 





And that is it! We have our second roombl ocked out without having to spend loads of 
time placing each part of the roomand neki ng sure that they are aligned properly. The 
only things | eft to place are the pedestal s and the hole for the door that leads to the thi rd 
room For the door, simply do what we did for the first room create a subtractive brush 
of dimensions 64 x 256 x 256, and position iton the other side of the room 
Alternatively, duplicate the subtractive brush for the fi rst roomand then move its copy 
to the far side of the room 


Finally, to finish things off, we will add two pedestals inthis room One pedestal will 
be near the middle of the room where the big door will be. The player will have to 
place the first key cube onthis pedestal to unlock the second key cube. 


The second pedestal goes on the other si de of the room where the pl ayer has to place 


the key cube to open the door to advance on to the thi rd room 





With this, we have finished blocking out the second room Let's now nove on to the 
third, where things start to get interesting. 


Note 
Remerrber to keep saving, so that you do not lose your work should the Eng ne sudden y 


crash or any other technical issue arise. To save, just click on Ctrl +S, or click onthe 
Save button on the Viewport tool bar. 


The third room 


By now, the player would have understood the basic mechanics and cortrols inthe 
дате. Let's now дме him/her a bigger challenge in the third room Upon entering the 
third room there will be a pit between the player and the door to the final room For the 
player to be able to cross the pit, he/she will requ re a bridge. 


To draw the bridge, the player will have to direct anAl cortrolled object onto a 
switch. The object will move along a path. However, parts of the bits are missing. The 
player can fill in the gaps with the help of switches placed inthe leve. Here, the 
challenge lies in determining which switch to press and when to press it. Italso relies 
on proper timing. After the obj ect has reached its desti ration, the bridge will be drawn, 
through which the pl ayer can cross, grab the key cube, open the door, and advance to the 
next level. 


There are two ways of constructing the pit; the fi rst way is to make the roomin two 
parts. The first part wou d be on ore side of the pit, and the second on the other side. 
After making the two parts, construct the pit, and finally place than However, thisisa 
bad and ti me-consuni ng way of constructing the roomand the pit. We wou d also have 
extra surfaces, meaning nore merrory usage when rendering the level. Also, you would 
have to painstakingly line all of the parts up properly to ensure there are no gaps. 


The second way, which we will use instead, is that we will create the whole roomand 
with the help of a subtractive brush, carve out the pit This way, we would not have to 
worry about extra faces aligning parts of the room and we can also easily set the 

di mensi ors of the pit by moving and/or editing the subtractive brush. 


As always, let's begin by making the floor. Now, since we are going to carve out the pit, 
the floor will have nore hei grt than the other rooms. Se ect the Bax Brush, and set its 
dimensions as 4096 x 2048 x 512. This will be the nein area, where the puzdeis 
going to be. 


Sincethis roomis higher than the previ ous roorrs, we are goi ng to need sorre stairs so 


that the player can reach the thi rd room First, add a small Bax Brush set its 
dimensions 85512 x 1544 x 64 and place it near the door of the previous room 





To add the stairs, drag the Linear Stair Brush fromthe Modes pane! orto the level. Set 
the width of the stairs as 1544, and the nurrber of steps to 23. Place the stairs at the edge 
of the Bax Brush we placed earlier; finally, take the floor of the third roomand put it 
adjacert to the stairs. 





To add the pit, we are goi ng to need a Box subtractive brush. Another way of selecti nga 
subtracti ve brush is by first selecti ng the shape of the brush, whichinthis caseis the 
Bax Brush and then, inthe Modes pare, at the bottom you can set the brush type to be 
additi ve or subtractive. Simply sel ect subtracti ve and drag the brush orto the level. 


We have to neke sure that the pit is wi de enough so that the pl ayer cannot јитр across it 
and deep enough that the pl ayer cannot јитр out of shou d he/she fall into it Keeping 
that in mind, set the dirvensions of the brushas 640 x 2304 x 512. Placethe pit near 
the other end of the room 


We now have to place the walls. We will add walls to this roomina few steps. First 


up, select a Box brush, set its dimensions as 4096 x 64 x 512, and place it along the 
longer side of the room Duplicate and place the second wall on the other side. 





Next, we need to place sorre walls along the stairs and corridors that | ead to the third 
room For that, set the dimensions as 1202 х 64 x 1024 and placethemon either side 
of the stairs, ensuring all of themline up properly and there is no gap anywhere between 
the brushes. 





In the preceding screenshot, you may have noticed that there is a gap between the walls 
of the corridor and the walls al ong the longer side of the room Let's fill thatin witha 
Box brush of dimensions 64 х 188 x 512. Place two of them one on either side to fill 


inthe gaps. 


Finally, the wall that we are goingto placeis onthe far side of the room along the 
shorter side. Set the di mensi ons of the Bax Brushas 64 x 2048 x 512, and placethe 
final wall with a subtractive brush for the door. 





Thecelingfor the corridor will be of the dimensions 1202 x 1544 x 64, and that of 
the roomwill be4096 x 2056 x 64. 





Now that we have blocked out the room we need to add a few nore things before we 
move on to the fourth and fi nal room First, we are going to place sone panel s on which 
there are switches, which the player can press to direct the obj ect across the pit J ust 
duplicate the pedestals fromthe previous rooms and place themin this one to create the 
panels. Place themnear any of the longer walls, and place themin such a way that the 
player can see the other wall. 





Finally, place a pedestal near the door. With this, we have finished off blocking out the 
third room Now, les block out the fourth and final room 


T hefourth room 


We only have one more roomto block out In the previous three rooms, we had different 
puzzles and objectives. In the fourth room we are going to combine all of the puzzles 
fromthe previous room In this room the objective of the player is similar to that in the 
previous room di rect an Al controlled object through obstacles such as doors and pits 
towards the other si de of the room The object will travel ina predefined path and keep 
on moving unt! it reaches its target If it hits a door or falls down a pit, it resets fromits 
starti ng positi on. 


Since we are goi ng to have pits, the hei gt of the roomwill be similar to the previous 
ones. Also, this is going to be the biggest room Keeping that in mind, we will make the 
floor by selecting a Box Brush with the dimensions 5120 х 2048 x 512. 





Now that we have the floor, we are going to make sorre pits. Again, with the subtractive 
mode sel ected, create a Box brush of dimensions 728 x 1928 x 512, and place it near 
the door. Inthis room we are goi ng to have three pits, so duplicate the subtractive brush 
by holdi ng down the Alt key, and create two copies and pl ace themal ong the rrap. 





Next, corres the wall. For the longer side, simply duplicate the walls fromthe thi rd 
room Inthe Details pana, set the value of X as 5120, and simply place the wall. 
Duplicate and place the other wall. For the shorter side, you can do the ѕатеб replicate 
and place the shorter side wall (the one with the door) at the other end of the room 


Next, duplicate, set the Z value of the brush to 64, and drag it upwards to formthe roof. 





Finally, we are going to place a few pedestal s where the switches are going to be. 


v 





With that, we have now compl eted blocking out our last room 


Now that we have blocked out our roons, let's place sone assets, create materials, and 
apply themorto our level. 


Content Browser 


We briefly tal ked about Content Browser when we were discussing the Editor's user 
interface in the previous chapter. Let's tal k about it a bit more. The Content Browser is 
where all of your assets of a project are stored and displayed. These assets include 
Meshes, Textures, Materials, Skeletal Meshes, Blueprints, Map Files, Audio files, 
and so on. 


= Content 


BAddNew~ import  EjSaveAl < f" Content » 





In the preceding screenshot, you can see different fol ders, all named, based on what is 
contai ned within each of them It is considered a good practice, and also preverts 
confusion later on if your project has a lot of assets, that you organi ze your assets based 
on their type. 


Migrating and importing assets 

When creati ng a gane, the main thi ng you need are assets, as without thanyour дате 
would just be a blank map. Y ou woud wart to import the assets you created for the 
дате in your Project. For that, you need to inport themfirst to your proj ect file before 
you can use them Currently, UE4 accepts the following assets: 


e Texture files. These аге 2D images, which can be imported as . j pg, . png, . bnp, 
and. t ga files. 

e Static Meshes/Skeletal Meshes. Static Meshes аге 3D objects created usi ng a 3D 
Software, such as Maya, Max, Blender, and so on. A Skeletal Meshis a mesh that 
can be animated. Y ou can inport themas. obj files, as well as. f bx files. 

e Audiofiles Y ou can inport audio files, such as music, sound effects, dialogues, 

and so on (moro), as a. wav file. Y ou can also import audio files with more than 

one channel (stereo). 

Script files Y ou can also import script files into UE4 as . | ua files. 

e IES Light Profiles IES Ligt Profiles files define the intensity of light in ап arc. 
This 15 usually used to make the light appear rrore realistic. These too can be 
imported into UE4 as. i es files. 

e Cubenap Texture: Cuberap Texture is irrported as an. hdr file These files are 
used to map out the envi ronrrert, especially if your gamme has outdoor scenes. 
These files contain information regarding color and brightness across a range. 

e True Type Fonts Y ou can also import various types of forts for your дате. Forts 
are used either in huds, UI, and such, and can be inported as a. ttf file 


Importing assets 

Thereare two ways of irrporti ng assets that you have created for your garre in your 
proj ect file. 

Note 


To derrorstrate how to inport assets, a simple sphere was created in Maya and 
exported as an FBX file. 


The first way is through the Content Browser: 
1. Click on the Import button located at the top of the Content Browser. 
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2. Once clicked, a window will open asking you which asset to import Simply 
search where your asset is located, highigtit, and click on Open 
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3. When you click on Open the Import Options window will open up, which has 
different import opti ons, depending upon the type of asset you have imported. Once 
satisfied with the import settings, click on Import and the asset will be inported to 
your project file. 
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The second method to irrport assets to your project is by simply dragging the asset you 
wart to import and dropping it in your Content Browser. To do so, simply click and 
drag the asset fromwherever itis stored and release the | eft- mouse button over Content 
Browser. When you release the left nouse button, the Import Options window will 
open, similar to the one mentioned in the first method. Again, once satisfied with the 
Settings, click on Import and the asset will get imported. 


Migrating assets 


Soneti res, you may need certain assets froma different proj ect file. In such cases, the 
methods mentioned previ ously regarding importing assets will not work, since the 
conterts of a project are saved on your systemas either a. uasset fileor. штар file 
Therefore, UE4 will not be able to import them Y ou, therefore, will have to perform 
the Migrate Asset action. 


When we create our project, we sel ect No Starter Content since we do not require all 
of them It would eat up unecessary space. We do, however, requi ге a few assets, 
particu arly wall and floor rraterials. To demonstrate this, a new project with all of the 
Starter cortent has been set up. 
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Hereis a project with all of the starter contet What we need are two rreterials, namely 
M Basic Floor and M Basic Wall. Migrate these two materials and follow these 
steps: 

1. Highlight both M Basic Floor and M Basic Wall ard right-click to open a menu. 

Inthe menu, hover the cursor over Asset Actions, and click on Migrate. 

2. After you have clicked onit, a window will open up telling you that the following 
asset(s) will be migrated to another project 
AL Asset Report 





The following assets will be migrated to another content folder. 
4 fm Game 
4 Materials 
[BM Basic Floor 
В M_Basic_Wall 


3. Once you click on OK, another window will open up asking you where you wart 
to move the asset. Y ou would wart to store themin your project's Cont ent folder. 
When this opens up, find your project folder (which, if you recall, is in му 
Document s), and store it in the Content subfolder. 

4. After clicking onit, you will get a prompt saying that the asset has been 
successfully migrated 


If you now go back to the Blockrrania project, you will seeM Basic Floor and 
M Basic Wall displayed in Content Browser in the Materials subfolder. 
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Placing actors 


Once you have all of your assets in your Content Browser, the next step is to place 
themin your дате. We are goi ng to use the cube mesh in the Content Browser to create 
objects in our garre, such as the key cube, the Al-cortrolled object, the doors, and so on. 


First, let's make the door that opens when you place the key cube on the pedestal . 
Simply drag the TemplateCube_Rounded static mesh from Content Browser and 
place itin the hole where the door is supposed to go. Set its di mensions using the scale 
tool, so that it perfectly fits. 





To make things easier and conveniert, you can change the пате of the cube to Door 01 in 
the Details pane. For the rest of the door, since the di mensi ors of the hole were the 
sare, you can simply duplicate this actor and place the copies. Finally, since these will 
be moving and will not be stationary in the gars, set its mobility type to Movable. 

Tip 

Use different perspectives to set the dimensions and to align the door with the hole. 


Next, let's place the big doors that the player will encourter in the middle of the roorrs. 
Again, take the TenplateCube Rounded actor fromthe Content Browser and place it 
inthe second room Set its di mensions so that it blocks the character fromrrovi ng to the 
other side of the room Nane this Room Door 01. Similarly, duplicate and placeitinthe 
fourth room where the | edges are. However, you will have to rrodify the dimensions of 
the doors that go inthe fourth room since the di nensi ors of the fourth roomare a little 
different fromthe second room 





Next, we have to place the key cubes, which the player has to collect and pl ace in order 
to progress to the next room or to un ock other key cubes. We will, again, use 
TenmlateCube Rounded Set its scale to о. 15 along all three coordinates and place 
themin our leve. Hereis a qu ck rundown of where the key cubes will be placed inthe 
four roorrs: 


e First room Inthefirst room we will only requre one key cube. Y ou can place it 
anywhere near the middle of the room 

e Second room Inthe second room we will require two key cubes. Placethe first 
cube on one si de of the big door and place the second cube on the other si de. The 
first cube will bethe locked one and the second cube is what the pl ayer will have 
to place on the pedestal to unlock it 

e Thirdroom Inthe third room we will require only one key cube, whichthe Al 


object will unlock upon hitting the target. So, place it on the other side of the pit 
near the door that leads to the fourth room 

e Fourthroom Inthe fourth room place the key cube on the other si de of the room 
This will also be unlocked once the AI object hits the target. 


We have placed all of the essertial assets in our дате. Let's add sore decorati ve cubes 
inou leve. Since decorati ve assets are going to remain stationary, and not rove inthe 
garre, you shou d set their mobility to Static. J ust place cubes around the map, іп 
different patterns and arrange themas you see fit 





Materials 


In UE4, before you can appl y textures to an object, you first have to create rrateri al s. A 
material is how an object will be rendered in a дате, itis a collection of shaders 
containing many properties that can be applied to objects and rendered in the дате. In 
nore technical terms, when light froma ligt sources fall on a surface or object, the 
rraterial is what determines how the light will interact with said surface or obj ect (the 
color, texture, how rough or srrooth the surface is, how rretallic itis, and so on). 


UE4 uses Physically-based Shading. In earlier versions of Unreal Engine, the material 
had sore arbitrary properties, such as DiffusePower, CustomLighting Diffuse, and so 
on. In UEA, the materials have nore relatable properties, such as base color, metallic, 

roughness, and so on, making the process easier to understand. 


A rreterial is created in what is known as a Material Editor. So, before we start 
creati ng our own rrateri als, lets first talk about it and its user interface. 


The Material Editor 


The Material Editor is a sinple, yet extrerrel y powerful tool that you can use to create 
rreterials for your objects. For exarrple, you can appl y a texture file to the diffuse 
channel of your material and then use it on your assets. For our дате, we are goi ng to 
create our own rrateri al s fromscratch. To access the Material Editor, you first need to 
create a new material, or double-click on an existing rraterial. To create a new 
rraterial, click on the Add New button located at the top-left corner of Content 
Browser and se ect Material, which will be under the Create Basic Asset section. 
Once dore, you will see a new meterial created. Double-click on it to open the Material 
Editor. Once opened, you shou d see this window: 





Let's first look at the editor itself and its user interface. As with the Editor, we will 
divide the Material Editor user interface into sections and go through themi ndi vi dually. 


* Bate pass shader with only dynamic lighting, 24 ету ey! 4 
і Vertex shader: 3} insmictions 
e Texture samplers: 0/16 





The tab and menu bar 
быша we have the tab and menu bar. The tab bar is similar to that of the Editor. 





Be ow the tab bar, we have the menu bar. As with the menu bar inthe Editor, it offers 
all of the general commands and actions. They are descri bed as follows: 


e File Clickingonthis will open up the File menu. Fromhere, you can perform 
actions such as saving the material you have created, open an asset fromthe 
Content Browser, and so on. 

e Edit This will open up the Edit menu. Here, you can undo or redo any actions you 
mi gt have performed. Y ou can also access the Editor and proj ect settings from 
here. 

e Asset: Fromthe Asset menu, you can find the material you are creating inthe 
Content Browser and open the ситет material's reference viewer window. 

e Window Inthis menu, you can choose what panel you wart in your Material 
Editor window, search for a parti cu ar node in the Graph рәге, access the pl ug re 


window, and more. 

e Help Finally, if you wart to learn more about the Material Editor or need to find a 
solution to a probl em you can access the wiki page and the official Epic 
docurertati on fromhere. 


The toolbar 


Once again making the comparison with the tool bar in the Editor, the tool bar here 
displays all of the most сопттопу used acti ons that you may performwhile making your 
rraterial . 
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e Save Starting fromthe left, represented by a floppy disk, is the Save button. This 

is to save any modifications you have mede to the rrateri al. 

Find in CB: Findin CB (or Cortent Browser), depicted by a magnifying g ass, 

locates and highlights the ситет material you have opened inthe Material Editor 

inthe Content Browser. 

Apply: Next, we have the Apply button. If you have al ready applied the currert 

rreterial to an object in the дате, once you have made any rrodifi cati on to it, 

clicking on Apply will update the material in the current scene. 

e Search Need to find a node or connection? Y ou can do so by clicking on Search 
and typing in whatever you wish to fi nd. When you click on it, the Search panel 
opens up at the bottomof the material editor. Simpl y type in whatever itis you 
wart to find, and it will g ve you the results in the рапа. 

e Home The Home buton refocuses the Graph panel to the material input 

descri pti on (the node that you first see inthe Material Editor, with all those 

inputs). This comes in handy when you are creati ng a very corrpl ex material, since 
you will have alot of nodes connected to each other and might lose sight of the 
rraterial descri pti on. 

Clean Up The Clean Up button del etes any nodes that are not connected to the 

material inputs. This is very handy since even unconnected nodes will make the 

rraterial unnecessarily heavy in terrre of memory usage. 

e Connectors Thisis, by defaut, turned on. When turned off, any unused input or 
Output pins (pins that are not connected to anything), are hidden. This is a good 
way of keeping your workspace cl ean and organized as it removes clutter from 


vi ew. 

e Live Preview. This, too, is by defaut turned on. When turned on, any 

modifi cati ons you make to the material are updated in real tine in the Viewport 

рапа. 

Live Nodes When enabled, it updates the material in each node іп real tine. 

Live Update: When you togde this on, it compiles the shaders and all of the nodes 

and expressi ors in real time, and it does so every ti ne you change, add, remove а 

node or change a value of a parameter. 

e Stats: When tuned on, you can see the stats of the material you have created at the 
bottomof the Material Editor. This can g ve you an idea of just how heavy your 
rreterial is. 

e Mobile Stats This is similar to Stats but gives you the rraterial stats and any 
errors for rrobile devi ces. 


The Palette panel 
The Palette panel contains all of the nodes that can be used inthe Material Editor. 


"iz Palette 


4 Atmosphere 

AtmosphericFogColor 
4 Blends 

Blend ColorBurn 
Blend ColorDodge 
Blend Darken 
Blend_Difference 
Blend_Exclusion 
Blend_HardLight 
Blend_Lighten 
Blend_LinearBurn 
Blend_LinearDodge 
Blend_LinearLight 
Blend_Overlay 
Blend_PinLight 
Blend_Screen 
Blend_SoftLight 
Lerp_ScratchGrime 
Lerp_ScratchGrime2 





All of the functions, expressions, and so on are categori cally listed here. Y ou have the 
category on the top and you can filter what type of nodes you wart di splayed usi ng it 


If you wish to find a specific node, you can search for it in the Search bar, located 
bel ow the Category bar. 


The Stats panel 


As nerti oned previously, the Stats panel displays all of the stats regarding the material 
you have created. 





If you have turned on the Mobile Stats in the tool bar, you will also see the stats for 
mobile devices displayed here. This basically shows you how many instructions and 
Shaders are in your material. This will give you an idea as to how big and heavy your 
rraterial is. 


The Details panel 


The Details panels displays the general properties of the rraterial, such as Material 
Domain, which rreans what type of rraterial you wart to create. 
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Norrral materials, such as the ones you apply to actors, are Surface rraterials. If you 
wart your rraterial to be a Decal (which we will discuss inthe next chapter), you can 
switch to Decal, and so on. 


Y oucan also set properties of any node that you have selected, inthis pane. 
The Viewport panel 
The Viewport panel is where you can preview the meterial you are creating. If the Live 


Preview opti on is enabled, any modifications you make will be updated in real tine and 
previewed here. 





By defaut, the shape primitive is a sphere. Y ou can switch to either a cylinder, a plane, 
a cube or a specific mesh fromthe Material Editor using the buttons at the top of the 
Viewport Panel. Y ou can also toggle the grid on/off, and also togg ethe Live Preview 
oryoff fromhere. 


The Graph panel 


Thelast ed erent of the Material Editor's user interface is the Graph panel. This is 
where you create your material. 





Before we continue, there are a few terrre and expressions you shou d be aware of since 
we will be using thanquite alot inthis book. Firstly, we have something called a node. 
A node is anything that you connect to either make your material or script in blueprint It 
could be a variable, an expression, and so on. Inthe preceding screenshot, the node here 
would be the long panel you see. 


Now, every node has either an input, an output, or both. Input is any val ue or expression 
a node takes, and is located on the left side of the node as white pins. Coning back to 
the screenshot above, the node accepts quite a nurber of inputs, each input 

corresponding to a different property of the material. 


The output pin is what the node returns (a val ue, expression, and so оп), and itis also 
represented by white circular pins. They are located on the right side of the node. When 
connected to two or more nodes, you connect the output pi n of the fi rst node to the i npuc 
pin of the second node, and so on, to create a chain of nodes. 


In the preceding screenshot, you can see a long node with a lot of inputs. This is the 
neterial input Each input has a differert effect on the material. Y ou m gt also have 
noti ced that sorre of the inputs are white, while the rest are darkened. The darkened 
nodes are the ones that are current y disabled and cannot be used. Which input is 


enabled and whichis disabled depends upon the material's Blend Mode, which can be 
found and changed in the Details panel. For exarrple, look at the screenshot, the 
Opacity node is currertl y disabled. This is because the Blend Mode set for the material 
is Opaque, so naturally, you cannot set the opacity of the material. To enable it, you 
will have to change the Blend Mode to Translucent. 


Let's go over the most сопттопу used material і при: 


e Base Color: This has to do with the color of the material. What the under ying 

color will be. 

Metallic: This deals with how much metallic luster you wart in your rraterial. 

e Specular: Shou d you wart to make your material smooth and shi ny, this is the 
node for you. This deals with how much light is reflected off the material. 

e Roughness: The opposite of Specular, if you want your material to be unsrrooth or 
rugged, this inout is what you need. 

e Enissive Color: |f you wart your asset to dow, you can set it here, inthe 
Erissive Color input 

e Opacity: This deals with how transl ucert you wart your obj ect to be. 


There are other inputs as well, but these are the main inputs that you shou d know for 
now. 


Applying materials 


There are two ways of applying materials to objects. The first way to apply materials is 
sinple and strai g'iforward. Let's use the first method to apply the floor material. We 
will apply M_Basic_Floor. To apply the material: 


1. SdectM Basi c ЕІ oor fromthe Сое Browser. 
2. Dragitonto the floor surface. 
З. Release the left mouse button, and the material will be applied to the floor. 





We will use the second method of appl ying materials for the walls. We will apply 
M Basi c V&l I to our walls. To do so, follow these steps: 


1. Select any of the wall surfaces. 

2. Inthe Details panel, under the Surface Materials section, you will see sorrethi ng 
called Element 0. Next to it, there will be a menu button with None written on it 

3. Open the menu. Y ou will see all of the materials in the Contert Browser listed out 
Simply select M Basic Wall fromthe list, and the rreterial will be applied to the 
wall. 





Using any of the two methods, appl y the materials to all of the walls and floors inthe 
game 


Creating the materials 


Now that we have covered the Material Editor's user interface and seen how to apply 
themonto objects, let's go on and create the materials for our leva. 


Pedestals 


First, we are going to create a rreterial for the pedestal s where the pl ayer has to place 
the cubes. We are going to create a fairly sinple material. The pedestal we will create 
will be yellow incolor and will bea bit shiny. First, create a new rraterial in Content 
Browser and пате ЇЇ Pedestal Material 1. Then double-click onit to open ће 
Material Editor. 


The first thing we are going to do is add something to the Base Color input What we 
need to create is sorrething called а Constant3Vector node. To create it, simply drag 
the node fromthe Palette panel and place itin the Graph panel. Another much qu cker 
way of creating a Constant3Vector node is by holding down 3 and | eft-clicking 
anywhere inthe Graph panel. The node will be formed wherever you click. Once 
formed, connect it to the Base Color input Y ou can set the color to yellow. To do this, 
simply select the Constant3Vector node and inthe Details pana, you will ѕее а 
property called Constant, with a black bar next to it. Click on the black bar, which will 
open the ColorPicker window. Set the color to yellow and click onOK. Now comect 
it to the Base Color input Y ou will see the Viewport panel updated with the change you 
have made. 


Now that we have the base color, we are going to add the shine. For this, we are going 
to create a Constant node. Again, you can either drag it fromthe palette panel or hold 1 
and click anywhere on the Graph panel. In the Details pang, set its value to о. 5, then 
connect it to the Specular input Y our Graph editor will look something like this: 
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Now that you have created the material, click on Save, then apply it to the pedestal s. 


For the pedestal s where the buttons will be, create a copy of Pedestal Material by 
right-clicking on it and selecti ng Duplicate, renane it to Pedestal. Material2, and in 
the material editor, simply change the base color to blue, save it, and apply it 





(~ (> Perspective | unit (show CoE D- 208 o9)» ғ) 











CEFJGE А 








Doors 


For the doors, we are goi ng to do pretty much the sane thi ng we di d when we created 
the rraterials for the pedestals. The only difference here is that we will make the doors a 
bit see-through, and make the material glassy. With that said, create a material for the 


door, and гате it Door. Material. 


Inthe Material Editor, the first thing you need to do is set the material's bl end mode to 
Translucent. After that, create a Constant3Vector, pick а light blue color, and connect 
it to the Base Color і при. 


Now, create three Constant nodes. Set the val ue of the first node as 1, and connect it to 
the Specular ігри. Set the val ue of the Second node as 0. 5, and connect it to the 
Opadity ігри. Our glass meterial is now translucent However, there is still something 
left, a very fundarrertal property of gassó refraction! The refraction inout is located at 
the bottom of the ігри panel. Set the val ue of the third Constant node to о. 35, and 
connect it to the Refraction і nout 
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We have created a basic glass rraterial for our door. Save this and apply it to the doors. 











Key Cubes 


Let's make the set of rraterials a bit interesting. We are going to neke it red. Also, we 
are going to meke it flash so as to grab the player's attention. Create a material and гате 
it KeyCube Material. 


First, create a Constant3Vector node, set the color to red, and connect it to the Base 
Color input This will be our base color. For ће dowing effect, we are going to use a 
Linear Interpolate function. A Linear Interpolate takes in three inputs. It blends the 
first two inputs (A and B) and the third input is used as a nesk (Alpha). For inout A, 
create a copy of the Constant3Vector node you created for the base col or and connect 
it For input B, create another Constant3Vector node, set the color to a lighter shade of 
red and connect it. 


We have our inputs. We now need to create sorrethi ng for the Alpha input Since the key 
cube will beflashinginreguar intervals, we can use the Sine or Cosine function. Y ou 
can find any of the two in the palette рапа. Place it inthe Graph panel, and connect it to 
the Alpha input Now, for the Sine or Cosine function to actually work, it needs sorre 
input data. We are going to create a Time input data node. Simply type іпті ne inthe 
Palette pana, place the node inthe Graph panel, and connect it to the Sine or Cosine 


node. Finally, after doing all that, connect the Linear Interpolate to the Emissive i при. 
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And there you have it We now have а flashing neterial for our main key cube. Apply it 
to all the key cubes. 
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Decorative assets 


For our decorati ve assets, we are going to create a material that changes colors 
periodically. First up, create a material and nane it DecorativeAsset Material. For 
the chang ng effect, we are goi ng to use a Rotator node. If you have a proper texture, 
and wish to have it rotate, you can do so usi rg this. It takes the UV coordinates of the 
Textures and a Time function and uses that to rotate the texture. We are goi ng to use it 
to have our material change color. As al ways, create a Constant3Vector, and set its 
color to a pale blue. 


Now, instead of connecting it directly to the base color input, we are going to connect it 
to the Rotator node. Find the Rotator node in the palette panel, and place itinthe 
graph pang. The Rotator node takes in two inputs, Coordinate and Time. Connect the 
Constant3Vector to the Coordinate input. Create a Sine function, connect a tine input 
data to it, and connect it to the Time inout Finally, connect the Rotator node to the 
Base Color input Thatis all we need to do. Y ou will now notice the material chang ng 
color periodically. Y ou can set the speed at which it changes color by chang ng the 
Speed setting in the Rotator node's Detail s раге. 
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Apply this material to all of the decorative assets in the дате. And with that, we have 
textured our environrert 
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If you test out your level, you would notice that you cannot see anything. This is because 
our level does not have any lights, therefore nothing is rendered and all уои ѕееіѕ а 
black screen. Let's now move on to lighting. 


Lighting 
Lighting is avery important el enert of any gane, as without it you cannot see the world 
around you. UE4 offers four types of lighting, namely: Directional light, Pointlight, Spot 
ligt, and Sky ligt Let's go over each of themindivi dually and discuss sorre of their 
properties that you can set in the Details panel: 
e Directional light: Directional light is the ideal type of light when you have an 
outdoor scene and wart to si mul ate light cori ng fromthe sun, si nce di recti onal 
По simulates light coming froma source infinitely far away. The shadows formed 
by directional lights are paralla. 


Y ou can set things such as the intensity, color, whether it affects the world, the 
intensity of the indirect lights, and nore inthe Details pane. 





The preceding screenshot shows directional light and how it works inthe leve.. Its 
icon is depicted by a sun with two parallel arrows coming out of it The other 
singe arrow shows the direction fromwhere the ligt is coring. Y ou can set the 
direction by using the rotation tool. 

e Point light A poirt simiates ligt coming froma single source of ligt emitting 
ligtunformy inall directions, much like a bub. Itis the ligt source we will be 


usi ng nost in the дате. In an indoor scene, this will be your primary actor for 
lighting. 





As you can see, the poi rt light actor is represented by а liget bulb. The sphere you 
see around itis the Attenuation Radius. It is represented by a sphere wirefrarre, 
and shows the volume where the li gt source has di rect influence. Y ou can set 
things such as the intensity, the color, the attenuation radi us, whether the ligt 
source affects the world or not, the intensity of the indi rect lighting, and so on. If 
you feel like you do not wart a single point light source, you can set a radius or 
length of the light source, depending on your requirerent 

e Spot light: Spot lights are similar as poirt light, in that, they both orig nate froma 
singe source. The difference between the two, however, is that while a poirt light 
emits lights uniformly inall directions, spot ligt emits lights іп оге direction, ina 
cone. 





There are two cones that you may have noticed. The inner cone is where the ligntis 
the brightest As you move radially outwards, towards the outer cone, the ligt 
becorres less bright and fall-off takes pl ace. Y ou can set the radi us of these two 
cones, along with the intensity, color, length, and radius of the source, and so on. 

e Sky light: Lastly, we have the sky ligt Sky ligt іти аќес light bei ng reflected off 
the atmosphere and distart objects. — — — 





Sky lig't is quite subtle in terms of effects. With that in mind, inthe preceding 
screenshot, the left is a scene with sky light and to the right, without Sky light Y ou 
can see the effect of Sky light when the two are j uxtaposed. 


Sky light settings are a bit different than the rest of the types of lights. For one, you 
can set sorrethi ng call ed the Sky Distance Threshold This is the di stance fromthe 
Sky ligt actor at which any actor will be treated as part of the sky. Y ou also have 
the Lower Henisphere is Black option, which, when togg ed, will ignore the ligt 
corri ng fromthe lower heni sphere of the scene. Y ou can also use your own custorr 
cube map to get your own type of Sky lights. Apart fromthat, you can set the col or 
of the ligt, the intensity, and so on. 


Mobility 
All the types of lights have three types of mobility. There are certain settings of light 


characters that you can modify while the game is running, shou d you require to. The 
mobility section allows you to do j ust that. 


The mobility options are located inthe Transformsecti on of the ligt actor's Details 
pane. 
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There are a total of three types to choose from 


e Static: When you set the light as Static, the properties set while making the дате 
remain constant and cannot be modified with triggers or duri ng garrepl ay. Once the 
lighting has been built, the light information and the shadows baked by that | ight 
rerrain stati c and cannot be changed. For lights that do no move or togg e on/off 


during the дате, this is the most apt mobility type, since it requires the least 
arrourt of merrory to render. 

Stationary: When a ligt actor's mobility is set to Stationary, the опу properties 
that can be altered with triggers or duri ng garreplay are things like intensity, color, 
and so on. The light, however, cannot move or transl ate under this setting. This 
requires more memory than static lights, and can be used for things like flickering 
lights. 

Movable: Under this setting, the light actor is totally dynamic and along with 
altering things like intensity and color, it can also move, rotate, and scale during 
garrepl ay. Keep in mind, however, that this type of light takes the most menory to 
render, since every time its property is altered within the дате, it has to 

recal cu ate the shadows and lighting inforrrationin real time. Therefore, unless it 
is really required in your ате, avoid using movable lights when devel opi ng 
garres on mobile devices. It is better if you use static lights, for best performance. 
When you switch the mobility to Movable, the light actor's icon in the дате 
changes. Y ou will see four arrows underneath the li gt actor. 





On the left, is a ligt actor with the mobility set to Movable, and to the rigttis alig't 
actor with the mobility set to either Static or Stationary. 


Lighting up the environment 
Now that you are familiar with light actors, their types, and mobility types, let's place 
some lights onto our leve. 


For now, we are just going to place Static point lights in our level. We will cover 
Stationary and movable lights later on. With that said, place a point ligt inthe leve. Set 
i ntensi ty t0 20000, and at t enuat i onr adi us to 5000. Also, set the rrobility to 

St ati c. Create miti ple copies of the poirt light and place them keeping in mi nd that 
there shou d be suffi ci ent lighting for the player. Y ou should also switch to Lit view 
node, so that you can figure out if there is enough |ightingin the roorrs. Finally, build 
the level. Y ou сап set the quality of the lighting buld. But reverrber, the higher the 
quality of li ght you want, the longer it will take to build, but the lighting will be closer 
to reflecting producti on quality at these higher setti ngs. 
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Y ou сап now see all of the materials and textures properly rendered. 


Summary 


Inthis chapter, we talked about projects, what they are, what types of projects UE4 
offers, and how to create and load projects. Following that, we covered what BSP 
brushes are, the default types of BSP brushes and how we can edit themto create our 
own georretry. We returned and took another look at Cortert Browser, how to inport 
and migrate assets, and how to place actors fromCortent Browser orto the level. We 
covered the concept of materials, the material editor, its user interface, and how to 
create rrateri als. Finally, we ended the chapter by talking about lighting, the different 
types of lights, and sorre of the important settings. 


Using this knowledge, we created our envi ronrrert, hence taki ng our first steps towards 
building our сате. In the next chapter, we will discuss the concept of vol итеѕ, what 
they are, the different types of vol ues, and how we can apply themin our дате. So, 
without further ado, let us move on to the next chapter. 


Chapter 4. Using Actors, Classes, and 
Volumes 


We have our environrrert set up with all of the essertial actors and objects placed. 
There are other equally, if not rore, irmportart types of objects (or actors), without 

which the garre woud not be compl ete. These are Visual and Basic classes and 
Volurres, which аге actors with special properties. Sorre are vital to the сате, while 
sorre add special features. In this chapter, we will be looking at sorre of these vol unes 
and classes and how they affect the garre. We will cover the foll owing topics: 


Basic classes 
Visual Effects 
Volumes 

All Classes 


Basic dasses 


We will kick off with an introduction to basic classes. These can be accessed in the 
Modes раге under the Basic secti on. 
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This contains the most basic classes that are essential to every al rrost all garres, 
regardless of their type or genre. Let us go over them 


e Empty Actor: An Actor is any object that is placed in the game world. All 


objects, lights, carreras, volumes, and so оп аге actors. An errpty actor is an errpty 
entity that you can place in your level. It does not have any i nherert properties. 
Empty Character: An Empty Character does not have a mesh or any animations 
6 justa collision capsule. 

Empty Pawn A Pawnis an actor that can be possessed (in other words, 
controlled) by a player or the Al. The garre's characters, all of the enerries, allies, 
and NPCs in the дате are all pawns. 

Player Start: As the пате suggests, Player Start is where the player spawns 
when playing the дате. If there is no Player Start actor inthe level, the player will 
spawn at the origin of the world (0,0,0). 

Point Light: As mentioned in the previous chapter, Point Light is the most basic 
and most widely used source of lighting. Y ou can also add the Point Li gt actor 
fromhere. 

Cube: This adds a cube primitive (stati c mesh) to the дате. 

Sphere: This adds a sphere primitive to the дате, 

Cylinder: This adds a cylinder primitive to the garre. 

Cone: This adds a core primitive to the дате. 

Box trigger / Sphere trigger: The next two actors have been cl ubbed together 

since they serve the sarre purpose; the only difference is their shapes. Triggers, 
simply put, add interactivity to the сате. Y ou can add an evert for the trigger (for 
instance, if the player touches it, hits a specific key, and so on), which, when 
fulfilled, carries out a specific action as set by the developer. For exarrple, you 
can have a trigger, which when the player touches, turns опа light, and so on. UE4 
offers two default shapes: box and sphere. Y ou can also create customshape 
triggers, but more on that later. 


Adding basic dass actors to the game 


Now that you are acquainted with the basic classes, let us go ahead and add sorre to our 
levd. 


Placing the Player Start actor 


The first thing that we are going to place is the Player Start actor. Its placenertis vital 
and shou d be deci ded beforehand. In our дате, we would wart our player to start in 
the first room Keeping that in mind, drag the Player Start actor and place it in the first 
room away fromthe door. 





ОС respective | @ Ut (жок EAE @'° OUE 








The actor is represented by а ganæpad with a flag next to it As you сап ѕее, thereisa 
capsu e-shaped vol ume around it This capsule is there to g ve you an i dea about the 
size of the character as well as its placement when the сате starts. So make sure that the 
capsule does not overlap any other actor or surface, as doing so will change the i con 
into a sign saying Bad Size Y ou can resize this capsu e by using the Scale tool so that it 
fits with the character. 
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Y ou may have also noticed a blue arrow along withthe icon. The di rectionin whi ch the 
arrow points is where the character will face when the дате starts (rerrerrber, Wis for 
the transl ate tool, E is for the rotation tool, and К is for the scaling tool). Y ou can 
change this direction with the hel p of the rotation action. If you were to click on the Play 
button, the character wou d spawn where the actor is placed, facing the di recti on of the 
arrow. 


Adding triggers 


Next, we are going to add triggers. We are going to keep things simple by using only 
Box triggers. To place a Box trigger, simply drag it fromthe Modes pane! and place it 
onthe leva. What we will do with the triggers we will cover in the next chapter. For 
now, you can simply place the triggers in the locati ons mentioned in the following 
sections. 


Always nane your actors, be it triggers, lights, characters, or so on. Itis not only 
considered good practice but it will make your project easier to read and will keep 
everythi ng organi zed and is easier to track. 


Room1 


Inthe first room place the first trigger near the key cube. This trigger will be used to 
interact with the key cube. The placerrent and di mensiors of this trigger (or апу trigger 
for that matter) are inportant, since they determine how far the pl ayer can interact with 
the key cube. For example, if the trigger is too large, the player will be able to pick up 
the key cube fromafar, whichis not what we wart We wart the player to be relatively 
close to or adjacent to the key cube before they can pick it up. 


Кеері ng that in mind, place the trigger and set the di mensi ons such that it encapsu ates 
the entire key cube (so that the player can pick it uo fromany direction), and make it 
taller (so that the player does not have to look directly at the key cube to pi ck it up; 
otherwise, it will get annoying). Finally, make the trigger bigger than the key cube. Once 
set, it should look something like the following screenshot 
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Add the next trigger in this roomon the pedestal. This is where the player will have to 
place the key cube in order to open the door. 


Once again, drag and drop a Box Trigger, and place it on top of the pedestal. Again, as 
we did with the trigger for the key cube, set this tri gger's dimensions such that the pl ayer 
can interact with it fromany directi on and does not have to be standing right next to it in 
order to interact with it 
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To check the placerrent of the trigger and whether its position and di nensi ons are 
correctly set, you can first unhide the trigger actor by unchecking the Actor Hidden іп 
Gane optioró found inthetrigger's Details panel and then play the level. For now, this 
will do interns of trigger placement. Let us now move onto the second room 


Room2 


Inthe second room place the first trigger near the large door inthe middle of the room 
Now, we woud wart the player to be able to open the door fromanywhere. Keeping 
that in mind, place the trigger such that it covers the entire door | engthwise and 
widthwise. Again, adjust the width, keeping in mind how close you wart the pl ayer to 
be in order to interact with the door. 











Next, place the next two triggers that on the pedestal, similar to that in the other roorrs. 
Since the pedestal s have similar di mensi ons, you can place the triggers by dupli cati ng 
themin the previous room 
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We аге not going to place any tri ggers on the key cubes as we did in the previous room 
The reason behind this will be explained inthe next chapter. 


Room3 


Inthe third room we have a couple of pedestals upon which there will be buttons. 
Therefore we will requretriggers for interactivity. Again, do not place triggers on the 
key cube. 
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Room4 


Finally, inthe fourth room as with the previous roons, place triggers on all of the 
pedestals and doors. 


We have now placed nost of the triggers we need for our дате. We will add more 
later. And with that, we are done placing Basic classes into our level. Let us now move 
onto the Visual Effects class and see how it affects our garre. 





Visual Effects 


Since we have al ready covered the Light class in the previous chapter, we are going to 
Skip it and move straight to the Visual Effects class. The Visual Effects class contains 
actors that affect the visuals of the дате. Although not necessary conponerts of a дате, 
they help improve its overall quality. 


Moreover, they do not require a lot of menory. 
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There are various actors in Visual Effects classes: 


e Post Process Моите: This is an actor that can be used to neni pu ate the | ook and 
fed of the game. The effects will take place while the player is inthe volume. 
There аге many effects available. Sone examples include Anti-Aliasing (removes 
hard edges of actors, g ving thema smoother finish), Bloom(can be seen in real 
life when looking at a bright obj ect against a darker background), Depth of Field 
(blurs obj ects based on their distance froma focal point), and much more. There 


are several effects that you can add to your дате by using Post Process Volume; 
SO experi nert with the vol une to see everything you can do with it 

Atmospheric Fog Іп an outdoor leve, just having а skylight is not enough to 
provide a realistic outdoor scene. In reality, the light comi ng fromthe sun scatters 
and spreads because of the earth's atmosphere. To have that effect in the garre, you 
need to add the Atmospheric Fog actor to the level. Y ou can set properties such as 
Sun Multiplier (to brighten the fog as well as the sky), Default Brightness (to set 
the brightness of the Fog), Default Light Color (to se the color of the 
atrrosphere), and nore. 

Exponential Height Fog Y ou can use this actor to add fog and mist to your levd. 
This is alSo used mostly in outdoor scenes. Y ou can set properties such as the Fog 
density, the color of the Fog, the Fog Height Falloff (how the density of the fog 
decreases as we go up), and so on. 

Sphere Reflection Capture: This is another useful tool. The Sphere Reflection 
Capture actor takes the lighting information and provides a realistic reflective 
effect, gving materials a gossy finish. Metallic materials and similar rely onthis 
actor to provide a realistic finish. Inthe actor's setti ng panel, you will see 

sorrethi ng called the Influence Radius, whichis the volurre in which the actor has 
influence. Y ou can increase or decrease it. Below that are the Brightness sati nos, 
which you can use to set how bright you wart the reflections to be. Keep in mind 
that if you change the lightingin the level (by moving it, chang ng the brightness, 
changing the color, and so on) or move the actors around, the Sphere Reflection 
Capture actor will not uodate. Y ou will have to uodate it manually, which you can 
do with the hel p of the Update Capture button that is located above the Influence 
Radius option. 

Bax Reflection Capture: This is similar to Sphere Reflection Capture. The only 
difference is that while the Sphere Reflection Capture actor has a spherical 
influence area, the Box Reflection Capture actor has a cubical area of influence, 
making it relatively less effective than a Sphere Reflection Capture actor. This 
actor is best used in hall ways or cubical roorrs. Its settings are the sarre as the 
Sphere Reflection Capture actor, опу instead of an Influence Radius, it has a 
Bax Transition Distance, which can be used to either increase or decrease its 
area of influence. Again, as with the Sphere Reflection Capture actor, if you 
change the lighting or the objects inthe дате, you will have to click on the Update 
Captures buton to update the reflections. 

Deferred Decal: The Deferred Decal actor provides an easy and inexpensive 
way of adding decals onto objects. It is a great way of adding effects such as bl ood 
splatter. Y ou can pick which material you wart for the decal and place it on the 


level. 


Adding Visual Effect actors to the game! Post 
Process Volume 


The first thing we are going to add to the level is a Post Process Volume. When the 
player picks up a key cube, we wart to g ve thema visual indicator that they have 
picked it up. The visual indicator, inthis case is aflash on the screen. To add the actor, 
simply drag it fromthe panel and drop it onthe level, over the key cube. The post 
process vol ure is represented by a light pink cube. 
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After the Post Process Volume has been placed, let us set sorre properties in the Details 
pand. In this panel, you will see quite alot of options. All of themare categorized 
based on the type of effect they create. One thi ng to note is that sorre of the effects are 
not avail abl e on mobile. 


We аге just goi ng to tweak the Global Illumination setting. In the Details panel , go to 
the Global Illumination secti on, where you will see two settings: Indirect Lighting 
Color ard Indirect Lighting Intensity. 
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First, enable both effects by selecting than They, in the Indirect Lighting Color option, 
set the color to anything you like. In our case, we are going to set the color to blue. Y ou 
can also set the Indirect Lighting Intensity option to anything you wart, but we are just 
going to leave it at 1 


Once set, if you move inside the volume, you will find everything turned blue. This is 
going to be our effect for when we pick up our cube: 
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Now, if you were to test the дате and walk inside the cube, everything would turn bl ue 
and rentin blue unless you stepped out of the vol ure. We do not wart that We only 
wart the screen to turn blue for a brief тотеїб when the player picks up the key cube 
6 and then fade away. We need to change another setti ng. We wart the volume to be 
di sabl ed when the дате starts and only be triggered when the player picks up the key 
cube. We will cover how to enable this setting in the next chapter. For now, go to the 
Details pane, and inthe Post Process Volume secti on, you will find the Enabled 
opti on checked. Sinply uncheck it this will disable the Post Process Volume. If you 
were to check it now, you would see that the screen no longer turns blue. Finally, 
duplicate and pl ace Post Process Volumes over all the key cubes in the leva. 


Vdumes 


Volumes are actors that have special properties. They can be seen as invisible triggers, 
each doing sorrethi ng different (dependi ng on the type of vol ume) when the pl ayer 
enters them There are various types of Volume actors available; each has a different 
property upon ertering it Volumes are ойу visible in the Editor mode and rot inthe 
actual дате itself. Therefore, they are usually accorrpani ed by another actor. For 
exarrple, a Volume called Pain Causing Volume, as the гате suggests, causes the 
player to take damage when it is entered into. It is obvious that devel opers would use 
this volume when the player wal ks through sorrething hazardous, such as fire, 
electricity, and so on. Therefore, the volume would be placed around it The fire would 
act as a visual Cue indicati ng that the area is unsafe to go through, and the Pain Causing 
Маите woud take care of the rest (cause darrage to the pl ayer). 


There are different types of volumes available to users. Let us take a look at them 


- : 
Recently Placed Audio Volume 


Basic 


е : 
Lights У Blocking Volume 


Visual Effects B | 
Camera Blocking Volume 


BSP 
Volumes Q^ Cull Distance Volume 
All Classes 
Kill ZVolume 
Level Streaming Volume 
А > „ 
E Lightmass Character Indirect De 
БЛ Lightmass Importance Volume 


* 
Nav Mesh Bounds Volume 


> " 
Nav Modifier Volume 





e Audo Voume: Audio Volume allows you to cortrol the audio within the дате by 
tweaking its settings. 

e Blocking Volume The Blocking Volume acts as an invi sible wall, which 
preverts certai n types of actors fromogoi ng through it. Y ou can set what types of 
actors can and cannot pass through in the Details panel. 

e CameraBlocking Volume: This prevents carrera actors from passi ng through it 

Cul Distance Volume: This is an opti nizing tool that does not render objects 

srraller or equal to a set value (set by the devel oper), based ontheir distance from 

the carrera. This is anirrportart tool, especially if you have a vast outdoor scene, 
since it will not render objects far away, therefore saving menory. 

e Kill ZValume This destroys any actor that enters it, includi ng the player. This can 


be used in cases when the pl ayer falls off the edge of a cliff, into a pit, and so on. 

e Level Streaming Vdluume This is another optimizing tool that you can use to set 
the part (s) of the level you wart to be visible to the player. This is really useful 
when you have huge levels. Y ou can use this vol ume to hide parts of the level that 
the player cannot see fromhi s/her currert location or parts that are far away from 
himfher. 

e Lighimasss Character Indirect Detail Volume: This takes the lighting i nforrrati on 
and generates indirect li ght maps inside the volume. 

e Lightress Importance Volume Y & another optimizing tool, the Li gh'trress 
Irrportance Volume is used to generate lighting irforrrati on within it (indi rect 
lighting, shadows, and so on). Itis advisable to place a Lighirress Importance 
Volume around your дате level for faster light bull ding. 

e Nav Mesh Bounds Volume and Nav Modifier Volume: The Nav Mesh Bounds 
Volumeis used for the Al to move around inthe level. When placed, the Al 
character will move anywhere within the volume (provi ded the area is accessible 
inthe first place). 


A Nav Modifier Volume is used to rrodify Nav Mesh Bounds Volume. Y ou can 

set it so that a certain area inside the Nav Mesh Valume can be blocked off and 

the Al character will not be able to traverse through it 

Pain Causing Volune: This causes darrage to any player that enters it 

Physics Volume This in which certain physical properties of a physics object can 

be altered. For example, you can enable/disable a setti ng called Water Volume: 

This, when enabled, simi ates the character moving through а watery area, such as 

a swanp. 

e Post Process Volume: This is the sane as the volume found in the Visual Effects 
section. 

e Precomputed Visibility Override Volume: Using this vol une, you can manually 
override the visibility of the actors in the дате. 

e Preconputed Visibility Volume: This volume has a similar function as the 

Preconputed Visibility Override Volume, the orl y difference bei ng that this 

volume autorreti cally stores the visibility of the actors in the дате. 

Trigger Volume: This is the sare as the trigger actors, which were discussed 

earlier. One of the differences is that that while trigger actors corre ina predefined 

shape, you can alter the shape of a trigger Volume using the Edit Geometry Mode. 


One nore thing that you shou d know about volumes is that just like with BSP brushes, 
you can edit their shapes to create your own customshaped vol ume. The way to editis 
the sane as that of BSP brushes. In the Modes panel, clicking on the Edit Geometry 


mode will switch to the editing mode. Once доге, you can click on any volume you wart 
in order to change and make the desi red changes. 


Adding Volumes to the game 


Now that we know what Volurres are and the types of Volumes available, | et us go 
ahead and add a few of themto our leva. 


Lightmass Importance Volume 


It is advisable to use the Lighirress Importance Volume, since it reduces the rendering 
time (light bul ding time). We are going to set its di mensions so that it encapsu ates all 
of the four rooms inthe garre. Simply drag the actor fromthe Modes pane and drop it 
on the screen. 





The Ligntrress Importance Vol ure is represented by а yellow colored cube. Set its 
dimensions such that it encapsu ates all of the four rooms inthe дате. 





If you were to bu Id the lighting now, you would notice that the bu Idi ng process takes 
relatively less ti ne, and the areas outside the roorrs are now corrpleta y dark. The 
engine now focuses mainly on what is inside the volume to produce highquality 
lighting, and anything outside of it will be of lower quality, in terms of lighting. 


Nav Mesh Bounds Volume 


Next, add the Nav Mesh Bounds Volume. If you wish to have an Al character in your 
garre, a Nav Mesh Bounds Volume is an inportant corrponent. As rrentioned 
previously, this vol ure is basically one within which the Al character moves and 
interacts with the world. When designing your дате, you should know where all the Al- 
controlled characters will move around in the gamme and what об ects they can interact 
with, and then place your vol ume accordi ng y. 


Grab the Nav Mesh Bounds Volume and drag it into the screen. We are goi ng to 
require the volume in room3 and room4. The volumeis represented by a gray cube. 
Room3 


Place the Nav Mesh Bounds Volume on and near the pit, opposite the pedestal s with 
the switches. 


When placing this volume, itis advisable to turn on Navigation in the Show menu. In 
the Viewport Toolbar, cli ck on Show and check the Navigation option to have it 
appear inthe Viewport. Orce togg ed, you will see that any surface, actor, or any other 
physical object (or parts of them) inside the volume will have a bri gt green color on 
them This is a visual indicator of where the AI will be active It will ignore anything 
outside of itself: 
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As rrentioned earlier, any part of a surface or object that the vol ume overlaps with will 
be green. Let us nove onto room4. 


Room4 
In room4, we are going to need a big Nav Mesh Bounds Volume, one that covers al ost 


the whole room Place the Vol ume and move its sides using the Geometry Editi ng rode. 
After setting the di mensi ors, it shou d look something like the following screenshot 








Our AI character will now know where to move about inthe level (The area highlighted 
ingreen). 


All Classes 


Lastly, we have the All Classes section, in which all of the classes and volumes we 
have discussed so far are listed. Additionally, there are certain actors that are not 
displayed in the previous three sections and are only accessi ble via the All Classes 
section. 
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Lights f Р Ambient Sound 
Visual Effects 
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Volumes Audio Volume 
All Classes e 
Blocking Volume 
Box Reflection Capture 


Box Trigger 
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Camera 





There are many such actors, sore of which are beyond the scope of this guide. We will 
only talk about sorre of the actors that are in the All Classes section: 


e Апет Sound Actor: This is an actor that you can use to play audi o or sound 
effects in your дате. It also ети ates real-world sounds, in that the closer you are 
to the source, the louder the sound will get, and conversely, the further you are 
fromthe source, the fainter it will get 

e Camera: A Camera actor is one through which you see the virtual world. By 
defaut, your character class already has a carrera, but if you wart to import your 
own character, a Camera actor is an esserti al corrponert. It is also used in 
cutscenes, and so on. 

e Default Pawn A Default Pawn actor is a sinple spherical actor with bult-in 
flying mechanics, static mesh, spherical collision, and so on, which you can use for 
simpleAl. 

e Landscape: A different way of switching to the landscape mode can be found here. 
If you drag the landscape actor fromhere and drop it on the screen, the rode will 
change to Landscape node, wherein you can place your terrai n. 

e Level Bounds A Level Bounds actor, when placed inthelevel, automatically 
updates and resizes to encapsulate the erti re world. It can be used to cal cu ate the 
size of the level and the world. J ust keep in mind that if your level has a skybox or 
a skydorre, the volume will resize and include that as well. 

e Matinee Actor: Matineeis a powerfu tool used to create ci nerratics, set pieces, 
and so on. There are two ways of adding a Mati nee actor. The first way is through 
the Viewport Toolbar. Simply click on Matinee, and sel ect Add Matinee when 
the menu opens. The other way is with this option. Y ou can drag the actor fromthe 
Modes pane and drop it on thelevd. 

e Nav Link Proxy: The Nav Link Proxy actor is used if an Al character has to 
performactions, such as dropping off or j urrpi ng off a ledge, јитрі по between 
gaps, and so on It allows the Al character to leave the Nav Mesh temporarily. (We 
will return to this inthe next chapter, when we talk about Al.) 

e Target Point Target Point actors are used to get the coordinates of a particular 
poirt inthe level. They can also be used for Al characters. If you wart to have your 
АІ character follow a particular path, or have it patrol a certain area, you shou d 
use target points. Also, keep in mind that Target Points shou d be placed inside the 
Nav Mesh Bounds Volume, otherwise the Al actor will ignore them evenif you 
have it scripted to move towards the said Target Point Target points can al so be 
used if you want your character to tel eport to a parti cu ar desti nation. 

e Text Render: The Text Render actor, as the пате might suggest, is used to 
render text in the дате If you wart your дате to have popup text (for tutorial s or 
sorrething similar), this is what you should use. Y ou can import your own fort and 
create your own text render. 


e ClassBlueprints Although rot a single specific actor per se, all of the Class 
Blueprirts that you create in your project are di spl ayed here. What a Class 
Blueprint exactly is will be discussed inthe next chapter. For now, the only thi ng 
you need to know and rermerrber is that all of the classes you create are also 
accessible fromhere. 


Adding actors from All Classes 


Now that we have discussed sorre of the actors found in All Classes, let us go ahead 
and add a few of themto our garre. 


Camera 


The first thing we are going to add is a Carrera Actor. As a part of the tutorial, we are 
going to have a small cutscene in which we will show the door openi ng when the 

pl ayer has placed the key cube on the pedestal (so that the pl ayer understands what the 
key cube is for and what it does). 


So, drag the CameraActor fromthe All Classes panel and place it onthe level. Once 
done, set itin such a way that it faces the door. The following screenshot is an exarrple 
of where you can place your Carrera: 
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The smell window on the bottomri ght corner of the screen shows the vi ew fromthe 
second carrera, which you can use to properly adj ust its position until you can see the 
door clearly. Any time you select any CameraActor, the window opens, showing you 
the view fromthe sel ected CameraActor. We are going to need this when we create 


our cutscene in later chapters. 

Matinee actors 

We are also going to place several Mati nee actors. Instead of movi ng our doors and 
platforms for our Al characters via scripting (or inthis case, blueprint), we are goi ng to 
irrplerert said features with the hel p of Mati nee. We will animate the opening of the 
door and the drawing of the ani mation in Unreal Matinee and call it whenever the 

pl ayer interacts with the appropri ate trigger. 

To add a Matinee actor, drag it fromthe Modes panel and place it near the door. 
Note 


Although where you place the Mati nee actor does not matter, to prevert confusion and to 
make things more conveni ert, you shoud place it near the actor(s) you wart to nove or 
edit using Mati nee. 
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Just place the Mati пее actors like this for all the doors. We still have to place more 
Mati nee actors, but we will do so later. 


Target Point 


Next up, we are going to place a couple of Target Point actors. As rrentioned 
previously, Target Points are usefu for moving Al characters. We will have a fairly 
simple Al, one which moves ina specified path, stops when it hits a switch, and 
respawrs if it falls in the pit 


Room3 


In room3, place two target poi rts: one where the Al character will be initially and the 
other where the switch will be When the Al character falls into the pit, it will respawn 
at the first Target Point When the player activates it, the Al character will go to the 
second Target Point 
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The actors are depicted by a srrall target icon. Let us now place themi n room4. 
Room4 


Inroom4, we аге going to place a couple of Target Poi rt actors, since the Al character 
will take a more nonlinear route. 














The preceding screenshot is the top view of room4. The player will start fromthe left- 
hand side and will have to direct the Al character towards the right Also, as you can 
see, we have placed seven Target Point actors. The path the Al character will take is 
Shown by the red line. With that done, we have fully placed our Target Point actors. 
With that, we have placed all of the classes, volumes, and other actors inour level. 


Summary 


Inthis chapter, we looked at sorre of the actors present inthe Modes pare that are vital 
to the functi onal ity of the дате, and sone that enhance the overall experi ence. 


Apart fromtal ki ng about them we also placed sorre of themin our level. We are now 
close to making our сате. In the next chapter, we are goi ng to tal k about Bluepri ntsó 
probabl y the most i rrportart topic we will be covering in our ga de. Without than there 
would be no interactivity in the дате. So, let us start scripting in the next chapter. 


Chapter 5. Scripting with Blueprints 


We now corre to one of the most important aspects of the game: interactivity. Without it, 
our дате will just be an environrrert that the pl ayer can move around in. Those who 
have used UDK before may already be familiar with the concept of visual scripting. 
UDK had what is called Kismet, a powerfu visual scripting tool. A really attractive 
feature of this tool is that anyone can use it without any prior programming knowl edge. 
All you need to know is the log c behind the evert you wish to implerrent Y ou can 
create a full дате without even writing a singe line of code. 


In Unreal 4, we have Blueprints, whichis sort of an upgrade to Kismet The basic setup 
is the same you have various nodes and expressions, which you can use to scri pt in- 
gane everts, actions, and so on. The interface is sinple to understand, easy to use, and 
yet extrerrel y powerful. Once you get the hang of it, you can create compl ex sequences 
and everts. 


However, even though Blueprint is an easy-to-learn and a great tool, itis still limited in 
terms of what it can do. In that respect, Cis much nore versatile and flexi bl e than 
Blueprint C+ is great for implementing compl ex interactions and mechanics, which 
Blueprint may or may not offer. Another difference between Bluepri rt and C+ is that 
Blueprint is much slower to execute than C-++-code, but this is only noticeable if you 
have alot of Blueprint scriptin your garre. There are several other differences between 
Blueprirt and C+ butit all boils down to personal preference about the features, 
mechanics, and functionalities you wart in your сате. Y ou can choose to use either one 
or both. 


Inthis chapter, we will be covering the foll owing topics: 


e What Blueprints are and how they work 

What Level Blueprints are and how to scri pt using Level Blueprints 
Leve Bluepri rt user interface 

What a Blueprint class is and how to useitinthe game 

How to Scri pt basic А! 


How Blueprint works 


Scripting in Blueprirtis similar to creati ng a flowchart At your disposal are various 
nodes, which you can connect to create an acti on sequence. In order to properly scri pt ir 
Blueprint, you should first know the log c behind the desi red sequence. For exarrpl e, 
Say you wart to irrpl ermert a lanp that is switched on when you go near it and switched 
off when you move away fromit In such a case, you woud first place a trigger around 
the lanp. Then, the logic behind this would be: 


1. If the player is overlapping the trigger, the light will be switched on. 
2. If the player is not overlapping the trigger, the light will be switched off. 


Now that we have figured out how to carry out this action, we can proceed to set up our 
nodes. Say your setup looks sorrethi ng li ke this: 





When the character walks into the box trigger, the ceiling light (the spotlight) is 
switched on. The Blueprirt to toggle the light onoff will look something like this: 
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There are various types of nodes that you shou d know about 


e Event Nodes The nodes with the red bar are evert notes. These are acti vated 
when the corresponding evert takes pl ace. T hey usually have а rightward facing 
arrow at the top left corner. 


Y oualso have Inout Evert Nodes, which fire off when the player gives the 
corresponding i nput (for example, firing a weapon when the player presses the | eft 
mouse button). 

e Function Nodes The nodes with the blue top are function nodes. They usually 
have a function symbol f at the top left corner, as you can see in the preceding 
screenshot. These nodes performa specific action on an actor or player. 


There are two types of function nodes: those that act upon an actor, and those that 


return a specific val ue. These types of nodes have green tops (not di splayed in the 
screenshot). This includes things such as returning an actor's location in the world, 
returning the actor's velocity, and so on. 

e Reference or Variable Nodes. The node inthe certer of the screenshotis a 
variable node (or reference). When you wart a function node to act upon a specific 
actor in the scene, or if you wart to "get" sorre of its property or properties, you 
need to create its reference inthe Level Blueprint The sane goes with variable 
nodes. It should corre as no surprise that variables play a very importart role when 
scripting or coding. So naturally, you will have to create variables when you are 
using Blueprint. 


When scri pti ng using Blueprint, keep in mind that the fewer nodes you have, the better 
the perforrrance. It also makes your workspace more organized and easier to read. 


When a parti cu ar evert occurs, the corresponding evert node fi res off a puse to 
whichever node itis attached. In our case, when the player overlaps the trigger, it will 
acti vate the Spotl igts Toggle Visibility function (since the light is off by defaut, it 
will toggle it on). And when the player stops overlapping the trigger (walks out of the 
trigger), it will fire the Toggle Visibility function once again (the light will be switched 
off). 





The preceding screenshot derrorstrates how bl uepri rts functi on when an event has taken 
place. When the player has overlapped the trigger (top | eft), the corresponding event 
fires off a puse to the Toggle Visibility function, which togg es the light on. When the 
player moves out of the trigger, or stops overl appi ng, the corresponding evert again 
fires a pu se to the Toggle Visibility function node, which togd es the light on. 


Y ou can actually see the pulse be ng fired whenever a node is activated. This makes 
debugg ng very easy, as you can see which node is causing the problemand fix it 
accordi ng y. 


Apart fromknowing the logic, you shou d also know which nodes are available and 
what they can be used to do. This corres with ti ne and practice. 


There are two types of Blueprints in Unreal 4: Level Blueprint and Blueprint class. 
Leve Blueprints is to UE4 what Kisrret was to UE3. Eachlevel or map that you create 


in your project file will have its own unique Level Blueprint Y ou can control 
everything level related using Level Blueprints, such as playing cutscenes, editi ng the 
properti es of actors (visibility, location, and so on) in your level, and so on. 


Blueprint classes, on the other hand, are special actors that cortai n various corrponerts 
as well as scripts. These corrponerts include things such as static or skeletal meshes, 
carrera, collision conponert, triggers, and audio componerts. By usi ng scri pts, you can 
set their properties and determi ne how they interact with the world. Blueprint classes 
are not unique to a particular level; therefore, you can usethemin any map or level you 
have made in your project. Y ou can export themtp other projects as well. 


Let us rove onto the Level Blueprirt's user interface. 


The Leve Blueprint user interface 


The following screenshot features the Level Blueprints user interface. Continuing with 


our style of dividing the UI into various parts, the interface is divided into sections, 
which we will go through individually. 
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The tab and menu bars 


The tab bar is the same as that seen in all the other windows. J ust like in the case of 
web browsers, you can see which windows are open, swap between them and close 
any window you wart fromthere. 
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The menu bar is where you can access all the general commands and actions that you 
would need. 


e File Inthis menu, you can save you leve, open any asset in your Cortert 

Browser, compile your blueprint, enable source control, and so on. 

Edit Fromthis menu, you can performacti ors such as undoing the | ast acti on, 

redoing it, searching for a specific node or expressi on, and so on. 

e View. Here, you can hi de/urhi de unused pi ns and unconnected pi ns (through which 
you connect nodes), zoomin, and zoomout inthe evert graph. 

e Debug If thereis a problemin your Blueprirt sequence that you cannot fi gure out, 
you can use the options available in the Debug menu to fi nd and resol ve them 
These include addi ng breaking poi rts, watching the val ue of a parti cu ar variable 
at a particular point, and so on. 

e Window. Неге, you can set what windows you wart to be visi ble and what 

windows you do not wart to be visible. Y ou can custorrize the layout and save it 

fromthe Wi ndow menu. 

Help Frombere, you can access Epic's official documertati on regarding 

Blueprints. Y ou can also go to the Wiki page the foruns, and the Answer Hub 

fromhere. 


Thetoolbar 


Toolbar has the nost сопттопу used actions: 


¥ Toolbar 
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The nost сопттопу used actions are expl ai ned as follows: 


e Compile: Whenever you add, rerrove, or edit any node inthe evert graph, be sure 
to click on the Compile button. It compiles all the nodes and sequences, and if 
there is any error or warning, it will notify you in the Compiler Results раге, 
which you can then fix. Also, if you have a variable node, in order to set its defaut 
Value, you first need to compile. 

e Search When you have large and complex sequences with several connected 
nodes, trying to find a specific node or variable can be a tedious and tine 
consuming task. In order to avoid that, you can click on the Search button, and type 
inthe name of whatever itis you wish to find. The resuts will, by defaut, be 
di splayed at the bottomof the screen, where the Compiler Results pand is (it will 
open a new tab called Find Results). 

e ClassSettings Clickingonthis will openupthe Blueprint settings inthe Details 
panel, where you can se certai n opti ons such as addi ng a descri pti on, category, 
and so on. 

e Class Defaults: Here, you can set the defaut or initial values of your Blueprint 
dass. 

e Play: Similar to the Play button inthe Viewport tool bar, this opens a new window 
where you can test your gare. While the дате is running, clicking the Esc button 
will close the game and return to the Editor. Y ou may notice a srrall downward- 
facing arrow next to the button. This opens a menu where you can set options such 
as how you wart to preview your garre, where the pl ayer should start, and so on. 


The Details pane 


In the Details panel, you can set the properties of various nodes and variables. It offers 
settings such as the type of variable you wart (Boolean, float, integer, and so on), the 
гате of the variable, and more. 
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The Compiler Results panel 


Anyone who has any programming knowledge will know what compilationis. It occurs 
when the code that you have written is converted fromthe | anguage you wrote the code 
in into machine language that the computer understands, so that it can be executed. This 
is usually handled by a compiler. (If you do not see the Compiler Results pare, in 
Level Blueprint, go to Window, and click on Compiler Results.) 


E3 compiler Results 





Inthe Compiler Results рәге, you can see the output log of the compiler. How longit 
took to compile, any errors found during compilations, any warnings, and so on, all are 
displayed here. 


My Blueprint panel 


Inthis pand, you cansee a list of all of the everts, variables, and event dispatchers that 
you have created. Whenever you create an event node, it is displayed here, under 
EventGraph A part fromthat, you can also create various functions, macros, variables, 
and so on To do so, you can click on the Add New button and sel ect whatever it is you 
wart to create, or by clicking on the 4 button in front of the nanes. 
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TheEvent Graph 


Located at the center of the screen, the Event Graph (also referred to as Graph Editor) 
is where you se up your nodes and sequences. By default, there аге two evert nodes 

al ready set up, nama y Event Begin Play, whichis acti vated when the garre begins, and 
Event Tick, whichis activated at every frame. These two everts do not require any 
trigger to be acti vated. 


== Event Graph 





At the top, you can see the tab. Bel ow the tab, at the top-left corner, are two arrows. 

Y ou can use themto switch between graphs. At the center, you can see the hierarchy and 
the bluepri rt structure. At the extrene right, you can see the zoomratioó in other words, 
how much you have zoorred in our zoomed out. 


The following table lists the controls of Event Graph that you shou d know and 
nenori ze 
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Right-click + аад ||Pans the Graph Editor 
Creates a comment box around selected node(s) 





Note 


Even though it is visual scripting, it can still get pretty messy when you scri pt usi ng 
Blueprints. So, to avoid confusion and keep everything organized, it is advisable to 
create contrert boxes around your nodes. 


UsingL evel Blueprint in the game 


With all the basics out of the way, we can begin scri pti ng our garre. One thing you 
should know is that we might add more triggers and actors as we go along. 


Key cube pickup and placement 


Thefirstthingthat we are goi ng to scri pt is the pl ayer picking up the key cube. Now, 
when the player is close enough to the key cube and taps on it on their screen, they will 
be able to pick up the cube. In our case, to g vethe illusion that the player has picked цо 
the key, we are going to destroy the actor when the pl ayer taps on it on the screen. Also, 
we will place a replica of the key cube on top of the pedestal at the very beg mi ng and 
keep it hidden at the start of the дате. When the pl ayer has picked up the cube and is 
close enough to the pedestal, tapping on the screen will unhide the cube fromthe garre, 
giving the impression that the character has placed the key on the pedestal. So, let's set 
that up. Firstly, with the key cube selected, hold down the Alt button, and with the hel p 
of the Transformtool, drag out a duplicate. Place this duplicate Mp 











Inits Details panel, under the Rendering secti on, ti ck the Actor Hidden in Game 
option. Doing so will hide the дате fromview during ruri me. 
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Initial Life Span 


Now, let's open the Level Blueprint To do this, click on Blueprints in the Viewport 
tool bar and sel ect Open Level Blueprint. 


Now, ће vertin this case woud be the player tapping on the screen, or in technical 
tens, providing a touch inout So inthe Event Graph window, right-click to open the 
Actions menu and type in Touch. This shoud find and display the Touch evert node. 
Click onit to add it to the Event Graph Y ou may find various types of Touch nodesó 
the one you need is the node that si mpl y says Touch. 
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the InputTouch evert node, we are only concerned with the Pressed output pin. The 
Pressed pin will be acti vated when the player presses anywhere on the screen. 


To renove the box fromthe scene, we are goi ng to use the Destroy Actor function 
node. So, righi-dick anywhere in the Graph Editor, type inDestroy Actor, and click 
on the resut (you can also find it manually find under the Utility section). With both 
nodes present, connect the Pressed output pin to the Destroy Actor input pin. Now, the 
function does not know itself which actor it has to destroy. We have to specify to it 
which actor we wart to get rid of. In Blueprint terms, we have to create a reference to 
the actor we wish to appl y the function to. So, inthe Viewport, sel ect the key cube. 
Then, inthe Graph Editor, right-click and select Create a Reference to 
TenmlateCube Rounded 


If your object has a different пате, instead of TemplateCube Rounded, you will see 
the гате of the actor. 





Doing so will create a reference node with the nane of the actor written on it. Connect 
this to the Destroy Actor target pin. 


Another way of doing this is to drag the reference node's output pin and rel ease it 
anywhere inthe Event Graph Doing so will open a menu, fromwhere you can sel ect 
the Destroy Actor node. Once created, the reference node will autorratically be 
connected to it The setup so far should look like this: 
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However, thereis a problemhere. If you were to test your garre, you would notice that 
the cube is destroyed when you tap on the screen, no matter where you are. We only 
wart the cube to be destroyed when the player is close enough to it. 


To resolve this issue, the first thing we are going to do is render the i nput di sabl ed at the 
start of the gare. As you may rerrerrber, the evert node that is acti vated when the game 
begins, Event Begin Play, is already presert in the Graph Editor. To this, we аге 
going to attach a Disable Input node. Right-click and find the node, and connect it to the 
Evert Begin Play. 
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Note 


Although not required right now, if your garre has several players or controllers, you 
will have to specify which player's cortroller you wish to disable. This can be done by 
first creating a Get Player Controller node and attaching it to Player Controller in the 
Disable Input node. By defaut, Player Index of the character you play as is 0. 


If you test your garre now, when you tap on the screen, the key cube is not destroyed 
(although the character will start shooting projectiles again). Now, going back to our 
sequence, since we wart the player to be only able to pick up the cube when they are at 
a certain distance, we are goi ng to enable their input when they are overlapping with the 
trigger we had placed around the key cube. 


With the tri gger sel ected, create an EventBeginOverlap node. After creati ng it, create 
an Enable Input node and attach it to the EventBeginOverlap node's output pi n. 
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We are now alrrost done with our setup. If you were to test it now, you woud fi nd that 
it functions the way we intended it to. However, this is still not corrplete. For one, if 
you have rrore than one key cube in your room both of themwill disappear when you 
click оп оге. We do not wart that we wart only the key cube the pl ayer picks up to 
disappear. To do this, we are going to use a Gate node. A Gate node is used to cortrol 
pulses goi ng through the node based on certain conditions that you can set. For exarrple, 
you Can set it to Open when a certain evert has taken place, and so on. For instance, 
when the player has overlapped with the trigger, it will open the gate, all owing pulses 
to go througqnit 


Right-click anywhere inthe Event Graph and type Gat e. Then, click onit to place it 
Y ou can also find it under Utilities | Flow Contra | Gate. 
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The evert you wish to control is connected to the Gate node's Enter input The rest of 
the everts are used to control the flow. Connecting the Close input to an evert will stop 
anything frompassi ng through the Gate when the evert has occurred. Similarly, 
connecting the Open input to an event or function will allow pulses to pass through the 
node. The Toggle node will either open the Gate node if it was initially closed or vice 
versa. Finally, you have a Start Closed pin, which sets the initial state of the Gate 
node. If checked, it will be closed initially, and when unchecked, it will be open 
initially. 


First, disconnect the Pressed pin fromthe InputT ouch node and connect it, instead, to 
the Gate node's Enter pin. Then, connect the Exit pin to the Destroy Actor function's 
Input pin. Once that is done, we need an evert that will open the Gate node. This evert 
woud be when the player overlaps with the trigger. So, take the output pin of the 
Enable Input node and connect it to the Open ігри pin of the Gate node (make sure that 
Start Closed is checked). Y our setup shou d look like this: 
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Now, when the player steps out of the trigger, that is, stops overlapping with the trigger, 
we again wart to disable the input So, with the trigger box sel ected, create ап 
OnActorE ndOverlap node. Y ou can type it in the search bar or find it under Add 
Event for «nare of the actor>| Collision | Add On Actor End Overlap Also, create a 
Disable Input node. Again, you can type it in or find under Input | Disable Input. With 
everything set up, here is what we shoud end up with: 
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We now have a sinple pickup action. But we have nore to do before we are fi ni shed. 
We have only just scripted the picking up of the cube. We still have to scri pt infor wher 
the player places the key cube. This is straightforward. 


The first thing we need to do is add an overlap evert that would enable the player's 
input. Hook themup the same way as you did with the previous trigger. Next, we are 
going to add another Touch evert node. To this, we are goi ng to connect a Set Actor 
Hidden in Game rode. First, select the other key cube (the one that is hidden іп the 
garre), then right-click anywhere inthe Graph Editor, and find it by typinginits narre 
inthe search bar. Y ou can also find it in Call Function on «nane of the sel ected actor>| 
Rendering | Set Actor Hidden in Game. Y ou will notice that when you create this 
node, a reference node for the key cube will automatically be created with it, and 
connect to the Target input Next, connect the Pressed output pin to the Set Actor 
Hidden in Game node's input pin. After having done that, add a Gate node with its 
Toggle i nout connected to the output of the Enable Output node. 


Finally, create an OnActorE ndOverlap node and connect a Disable Input node to it, 
just like with the previous trigger. 
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If you were to test it out, you would find it working perfectly. However, {Геге 15 а 
problemhere: we have not set a conditi on as to when the pl ayer can place or unhide the 
key cube on the pedestal. In other words, if the player sirrpl y walks up to the pedestal, 
without pi cki ng up the first key cube, they woud still be able to unhide the other key 
Cube, since that wou d rrean that the player can progress through the roomwithout 
picking up the key cube. 


To fix that, we are first going to change a few properties of the trigger on the pedestal . 
We need to first turn off the trigger's collision. We will have to setit up so that initially, 
the trigger on the pedestal ignores all types of overlap evertsó in other words, togge it 
off. To do so, select the trigger on the pedestal, and inthe Details panel, go to the 
Collision section. Under this section, you will see an option called Collision Presets. 
By defaut, it will be set to Trigger. Click on the bar to open the preset menu From 
here, select Custom 
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Next, click on the small triangle next to Collision Presets in order to open a list of the 
triggers collision responses against different types of actors. There are three general 
responses: 


e Ignore: Thetrigge will not reg ster any response to the collision. The actor(s) the 
trigger is set to ignore will neither be blocked, nor be registered by it 

e Overlap: The actor(s) the trigger is set to overlap will not be blocked by it, but the 
collision will be reg stered by it This collision reg stration is how we аге able to 
scri pt things such as switching on the light when the player overlaps the trigger. 

e Block: The actor(s) the trigger is set to block will not be able to pass through it It 
will actlike a wall. 


Y ou can either set what response you wart fromeach actor individually, or choose the 
general response you want fromal| actors. We will be doing the later. At the very top, 
there is an option called Collision Response. In frort of that, you have three boxes, one 
for each type of response. Simply check the Ignore box, and everything below it will be 
Set to ignore. This is what we wart. We wart the trigger to ignore collision for all 

actors initially. We will change its collision response when the player has picked up the 
key cube. 


Coning back to the pi ckup setup we had rade, we will need to add a few more nodes 
to it Right-click anywhere inthe Event Graph, and inthe Flow Control secti on, you 
will find something called Sequence. Sel ect and create it A Sequence node takes one 
input and has mdti ple outouts. If you wart a parti cu ar node to acti vate or set off 
various different events or functions, you should use a Sequence node. 


me Event Graph 


Target | self | 


Player Controller 


‚аще 
eu p 
@ Target E Sequence 
D Тһепо D 
Then! D 


Addpin + 


————Ó— N) 
f} TemplateCube Rounded @ -~ 





By defaut, a Sequence node has one i nout pin and two output pins. The first node is 
fired first, then the next, and so on. If you wart more output pins, simply click on Add 
Pins, and it will create another output pin. Now, connect the Gate node's output pin to 
the Sequence node's input pin. Then, connect Then O to the Destroy Actor node. 
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We will now change the Collision Response of the trigger to Overlap when the pl ayer 
has picked up the cube. With the trigger sel ected, right-click on it and first uncheck the 
Context Sensitive box, whichis located at the top-ri ght corner of the menu. When you 
have an actor sel ected in the Viewport and when you right-click inthe Graph Editor, 
the event nodes and the functi on nodes you can see are usually correa ated to the sel ected 
actor. They only display the functions and expressions that can applied directly to the 
actor. Otherwise, Blueprint offers quite a few nodes, but sone of themcannot be used 
either directly or at all on the selected actor. 


The node that we need here is one that can be applied to the trigger, but not directly. 
What we need is a Set Collision Response to All Channels node. This node can be 
used to change the collision response of actors during runtime. Rightclick in the Event 
Graph ard type in the пате of the node and create it 
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Here, you can set a target actor whose Collision Response you wish to change. If you 
click on the dropdown menu, you will see three settings: Ignore, Overlap, and Block. If 
you recall, these were the three types of responses in the trigger's Collision section. We 
had set it to Ignore, but we want to change it to Overlap once the pl ayer has picked up 
the key cube. So, select Overlap inthe dropdown menu. Next, connect the Then 1 pin to 
this node's input Finally, with the trigger selected in the Viewport, rightclick inthe 
Graph Editor, check the Context Sensitive box, and sel ect Create Reference for 
«actor name Connect this to the Target ігри of the Set Collision Response to All 
Channels node. When you do this, you will find that it does not di rectl y connect to the 
Target input Instead, a new node is created, which takes the tri gger's reference as its 
input and has Collision Component as its ouput What this does is take the trigger box 
and convert it into sorrethi ng called a Primitive Component Reference. It is the only 
way you can connect it to this node. 
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If we were to test the дате now, we would find things working the way we wart We 
woud not be able to place the key cube without first picking it up. 


We are al most done with our setup here. Raverrber we had placed a 
PostProcessVolume around out key cube, which woud act as a visual indicator that the 
pl ayer has picked up the key cube? We need to script that in as well. We had initially 
Set it to be disabled. We will enable it via Blueprint, and then destroy it after a very 
brief moment First, add a new pinto the Sequence node. Next, with the 
PostProcessVolume selected, right-click in the Graph Editor and create a reference 
for it Then, click on its output pin, drag it out, and release the | eft mouse button to open 
the menu. Here, you can type in Set Enabled, which woud create a Bool node (Bool 
nodes are red in color). Once created, you will see a tick box, which says Enabled 
Tick that box, and connect it to the Then 2 output pin of the Sequence node. 


Next, we need to destroy the actor after a brief monert For that, we will need to create 
a Delay node. A Delay node takes in an input and fires off a puse after a certain time 
(which you can set). Right-click in the Graph Editor and type in Delay and create it 

Y ou can also find it under Utilities | Flow Control | Delay. Y ou can see an opti on 
called Duration in the node. Here, you can set how long before you wart the pu se to be 
fired. For now, leave it at the defaut val ue (whichis 0. 2 seconds), and connect it to the 


Set Enabled node. Finally, create a Destroy Actor node, connect it to the Delay node, 
and set the PostProcessVolume as its target. Y ou can simply sel ect the post process 
reference you had created for the Set Enabled node by clicking Ctrl --C, and then Ctrl 
+V) to create a copy and connect this duplicate to the Target ігри of the Destroy 
Actor node. 
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And there you have it! We have a pickup and pl acerert systemfor our key cube. We 
also have a visual indicator that we have pi cked up the cube (we will cover how to 
scri pt the door opening and closing in the next chapter). Now, though this was a fairly 
simple and small setup, doing this for every key cube wou d be a tedious job. Imagine if 
your дате had 10é 206 50é 100 roont! Y ou woud have to script for each key cube 
inthe game and waste loads of time. Thankfully, UE4 offers sorrethi ng to get around 
such a scenario: a Blueprint class. 


TheBlueprint dass 


As already rrerti oned, scri pti ng for each key cube wou d just be a tedious and ine 
consuni ng task. With a Blueprint class, you would need to do all the scri pti ng and 
everything else only once. A Blueprirt class is an entity that contains actors (stati c 
meshes, volumes, carrera classes, trigger box, and so on) and functionalities scripted in 
it Looking at our exarrpl e once again of the lanp turni ng on/off, say you wart to place 
10 such laps. With a Blueprint class, you wou d just have to create and scri pt once, 
save it, and duplicate it Thisis really an arrezing feature offered by UEA. 


Creating a Blueprint dass 


To create a Blueprirt class, click onthe Blueprints button in the Viewport tool bar, and 
in the dropdown menu, sel ect New Empty Blueprint Class. A window will then open, 
asking you to pick your раге class, indicating the ki nd of Blueprint class you wish to 
create. 
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At the top, you will see the most СОПТТОП classes. These are as follows: 


Actor: An Actor, as already discussed, is an object that can be placed in the 
world (static meshes, triggers, carreras, volurres, and so on, all court as actors) 
Pawn A Pawnis an actor that can be controlled by the player or the computer 
Character: This is similar to a Pawn, but has the ability to walk around 

Player Controller: This is responsible for g ving the Pawnor Character inputs in 
the garre or controlling it 

Game Mode: This is responsible for all of the rues of gameplay 

e Actor Component Y ou can create a corrponert usi ng this and add it to any actor 
e Scene Component: Y ou can create corrporerts that you can attach to other scene 
corrponerts 


A part fromthese, there are other classes that you can choose from To see them click or 
All Classes, which will open a menu listing all the classes you can create a Blueprirt 
with. For our key cube, we will need to create an Actor Blueprint Class Select Actor, 
which will then open another wi ndow, aski ng you where you wi sh to save it and what to 
name it NameitKey Cube and saveitintheBl uepri nt folder. After you are 
satisfied, click on OK and the Actor Blueprint Class window will open. 
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The Blueprint class user interface is similar to that of Leva Blueprint, but with a few 
differences. It has sore extra windows and panels, which have been descri bed as 
follows: 


e Components panel: The Components panel is where you can vi ew, and add 
corrponerts to the Blueprint class. The default corrponert in an empty Blueprint 
class is DefaultSceneRoot. It cannot be renarred, copied, or removed. However, 
as soon as you add a corrporert, it will replace it Similarly, if you were to del ete 
all of the corrponerts, it will come back. To add a corporert, click on the Add 
Component button, which will open a menu, fromwhere you can choose which 
corrponert to add. Alternatively, you can drag an asset fromthe Content Browser 
and drop it in ather the Graph Editor or the Components panel, and it will be 
added to the Bluepri rt class as a сотропеё Componerts incl ude actors such as 
Static or skeletal meshes, light actors, carrera, audio actors, trigger boxes, 


volurres, particle systerrs, to пате a few. When you place a corrponert, it can be 

seen inthe Graph Editor, where you can set its properties, such as size, position, 

mobility, material (if itis a static mesh or a skeletal mesh), and so on, inthe 

Details рәге. 

Graph Editor: The Graph Editor is also slightly different fromthat of Level 

Blueprint, in that there are additional windows and editors in a Blueprint class. 

The first window is the Viewport, whichis the same as that in the Editor. Itis 

mainly used to place actors and set their positions, properties, and so on. Most of 

the tools you will find inthe main Viewport (the editor's Viewport) tool bar are 
present here as well. 

e Event Graph The next window is the Event Graph window, whichis the sane 
as a Leve Blueprirt window. Here, you can script the corrponerts that you added 
in the Viewport and their functionalities (for exarrple, scri pti ng the togging of the 
larrp oryoff whenthe player is in proximity and moves away respecti vel y). Keep 
in mind that you can scri pt the functi onal iti es of the corrponerts only present within 
the Blueprint class. Y ou cannot use it directly to scri pt the functionalities of any 
actor that is not a component of the Class. 

e Construction Saipt Lastly, there is the Construction Script window. This is 
also similar to the Event Graph, as in you can set up and connect nodes, j ust like 
inthe Event Graph The difference here is that these nodes are acti vated when you 
are constructing the Bluepri rt class. They do not work during runtime, since that is 
when the Event Graph scri pts work. Y ou can use the Construction Script to set 
properti es, create and add your own property of any of the corrponerts you wish to 
alter during the construction, and so on. 


Let's begin creati ng the Blueprint class for our key cubes. 

Viewport 

The first thing we need are the corrponents. We requ re three corrponrerts: a cube, a 
trigger box, and a PostProcessVolune. In the Viewport, click on the Add Components 
button, and under Rendering, sel ect Static Mesh It will add a Static Mesh conponert 
to the class. Y ou now need to specify which Static Mesh you wart to add to the class. 
With the Static Mesh actor sel ected in the Components panel, inthe actor's Details 
pane, under the Static Mesh secti on, click on the None button and select 

TemplateC ube_Rounded As soon as you set the mesh, it will appear in the Viewport. 


With the cube sel ected, decrease its scale (located in the Details panel) from1 to 0. 2 
along all three axes. 


The next thing we need is a trigger box. Click onthe Add Component button and sel ect 
Bax Collision in the Collision secti on. Once added, increase its scale from1 to 9 along 
all three axes, and place it in such a way that its bottomis inline with the bottomof the 





The Construction Script 


Y ou could set its material in the Details panel itself by clicking on the Override 
Materials button in the Rendering secti on, and selecting the key cube rreterial. 
However, we are goi ng to assignits material usi ng Construction Script. Switch to the 
Construction Script tab. Y ou will see a node called Construction Script, whichis 
present by default. Y ou cannot del ete this node; this is where the scri pt starts. However, 
before we can scriptitin, we will need to create a variable of the type Mat eri al . Inthe 
My Blueprint section, click on Add New and select Variable in the dropdown nenu. 
Narre this variable кеу Cube Materi al , and chang its type fromBool (whichis the 
default variable type) to Material in the Details panel. Also, be sure to check the 
Editable box so that we can edit it fromoutside the Bl uepri rt class. 
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Next, drag the Key Cube Material vari able fromthe My Blueprint pare, drop itin the 
Graph Editor, and select Set when the window opens up. Connect this to the output pin 
of the Construction Script node. Repeat this process, only this ti me, select Get and 
connect it to the input pin of Key Cube Material. 


Right-click in the Graph Editor window and type in Set Material in the search bar. 

Y ou shou d see Set Material (Static Mesh). Click onitand add it to the scene. This 
node al ready has a reference of the Static Mesh actor (TemplateC ube_Rounded), so 
we will not have to create a reference node. Connect this to the Set node. Finally, drag 
Key Cube Material fromMy Blueprint, drop it in the Graph Editor, select Get, and 
connect it to the Material input pin. After you are done, hit Compile. We will now be 
able to set the cube's material outside of the Bl ueprint class. 
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Let's test it out Add the Blueprint class to the level. Y ou will seea 

TemplateC ube_Rounded actor added to the scene. In its Details panel, you will see a 
Key Cube Material option under the Default section. This is the variable we created 
inside our Construction Script. Any rreterial we add here will be added to the cube. 
So, click on None and select KeyCube Material. As soon as you selectit, you will see 
the material on the cube. This is one of the many things you can do usi ng Construction 
Script. For now, only this will do. 


The Event Graph 


We now need to script the key cube's functionalities. This is more or less the sane as 
what we did inthe Level Blueprint with our first key cube, with sone small differences. 
In the Event Graph pare, the first thing we are goi ng to scri pt is enabling and 

di sabl i ng input when the pl ayer overlaps and stops overlapping the trigger box 
respectively. In the Components secti on, right-click on Bax. This will open a menu. 
Mouse over Add Event and sel ect Add OnComponentBeginOverlap. This will adda 
Begin Overlap node to the Graph Editor. Next, we are going to need a Cast node. A 
Cast node is used to specify which actor you wart to use. Right-click inthe Graph 
Editor and add a Cast to Character node. Connect this to the 


OnConponentBeginOverlap node and connect the other actor pin to the Object pin of 
the Cast to Character node. Finally, add an Enable Input node and a Get Player 
Controller node and connect themas we did inthe Level Blueprint 


Next, we are going to add an event for when the pl ayer stops overl appi ng the box. 
Again rightclick on Bax and add an OnComponenté ndOverlap node. Do the exact 
sane thing you did with the OnComponentBeginOverlap node; only here, instead of 
adding an Enable Input node, add a Disable Input node. The setup shou d look 
sorrethi ng like this: 
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Y oucan move the key cube we had placed earlier on top of the pedestal, set it to 
hidden, and put the key cube Blueprint class inits place. Also, make sure that you set the 
collision response of the trigger actor to Ignore. 
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The next step is scripting the destruction of the key cube when the pl ayer touches the 
screen. This, too, is similar to what we had done in Level Blueprirt, with a few 
differences. Firstly, add a Touch node and a Sequence node, and connect themto each 
other. Next, we need a Destroy Component node, which you can fi nd under 
Components | Destroy Component (Static Mesh). This node al ready has a reference to 
the key cube (Static Mesh) inside it, so you do not have to create an external reference 
and connect it to the node. Connect this to the Then О node. 


We also need to acti vate the trigger after the player has picked up the key cube. Now, 
since we cannot call functions on actors outside the Blueprint class directly (like we 
could inLevel Blueprint), we need to create a variable. This variable will be of the 
type Trigger Box. The way this works is, when you have created a Trigger Bax 
variable, you can assign it to any trigger inthe level, and it will call that function to that 
particu ar trigger. With that in mind, inthe My Blueprint panel, click on Add New and 
create a variable. Narre this variable Activated Trigger Box, and set its type to 
Trigger Box. Finally, make sure you tick on the Editable box; otherwise, you will not 
be able to assign any trigger to it After doing that, create a Set Collision Response to 
All Channels node (uncheck the Context Sensitive box), and set the New Response 
option to Overlap. For the target, drag the Activated Trigger Box variable, drop itin 
the Graph Editor, select Get, and connect it to the Target input 


Finally, for the Post Process Volume, we will need to create another vari abl e of the 
type PostProcessVolume. Y ou can nane this variable Visual Indicator, again, while 
ensuring that the Editable box is checked. Add this variable to the Graph Editor as 
wel. Next, click onits pin, drag it out, and releaseit, which will open the actions menu. 
Here, type in Enabled, sel ect Set Enabled, and check Enabled Finally, add a Delay 
node and a Destroy Actor and connect themto the Set Enabled node, in that order. 

Y our setup shou d look something li ke this: 
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Back in the Viewport, you will find that under the Default secti on of the Bluepri rt class 
actor, two more options have appeared: Activated Trigger Bax and Visual Indicator 
(the variables we had created). Using this, you can assign which parti cu ar trigger box's 
collision response you wart to change, and which exact post process vol ume you wart 
to acti vate and destroy. In frort of both variables, you will see a small icon inthe shape 
of an eye dropper. Y ou can use this to choose which external actor you wish to assign 
the corresponding variable. Anything you scri pted usi ng those vari abl es will take effect 
on the actor you assigned in the scene. This is one of the many anezi ng features offered 
by the Blueprint class. All we need to do now for the remaining key cubes is: 


e Placetheminthelevel 


e Usingthe eye dropper icon that is located next to the пате of the variables, pick 
the trigger to acti vate once the pl ayer has picked up the key cube, and which post 
process vol une to acti vate and destroy. 


Inthe second room we have two key cubes: one to activate the large door and the other 
to acti vate the door leading to the third room The first key cube will be placed on the 
pedestal near the big door. So, with the first key cube selected, usi ng the eye dropper, 
select the trigger box on the pedestal near the big door for the Activated Trigger Bax 
variable. Then, pick the post process volume inside which the key cube is placed for the 
Visual Indicator variable. 


The next thing we need to do is to open Level Blueprint and scri pt in what happens 
when the player places the key cube on the pedestal near the big door. Doing what we 
did inthe previous room we set up nodes that will unhi de the hidden key cube on the 
pedestal, and change the collision response of the trigger box around the big door to 
Overlap, ensuring that it was set to Ignore initially. 
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Test it out! Y ou will find that everything is working as expected. Now, do the sare with 
the remaining key cubes. Pick which trigger box and which post process vol ume to 


acti vate when you touch on the screen. Then, inthe Level Blueprint, script in which key 
cube to uri de, and so on (place the key cubes we had placed earlier on the pedestal s 
and set it to Hidden), and place the Blueprint class key cube in its place. 


This is one of the many ways you can use Blueprint class. Y ou can see it takes a lot of 
work and hassle. Let us now move onto Artificial intelligence. 


Scripting basic А! 

Coning back to the thi rd room we are now going to implement AI inour gare. We 
have an Al character in the third roomwhi ch, when acti vated, moves. The main 
objective is to make a path for it with the hel p of switches and prevert it fromfal ling. 
When the Al character reaches its destination, it will unlock the key cube, which the 
player can then pick up and place on the pedestal. We first need to create another 
Blueprint class of the type Character, and nareitAl Char act er. When created, 
double-click on it to openit Y ou will see a few corrponerts already set up inthe 
Viewpaort. These are the CapsuleComponent (whichis mainly used for collision), 
ArrowComponent (to specify which side is the front of the character, and whichsideis 
the back), Mesh (used for character animation), and CharacterMovement. All four are 
there by defaut, and cannot be rerroved. The onl y thing we need to do here is adda 
StaticMesh for our character, which will be TemplateCube_ Rounded. 


Click on Add Components, add a StaticMesh, and assign it TemplateCube_ Rounded 
(inits Details panel). Next, scale this cube to o. 2 alongall three axes and nove it 
towards the bottomof the CapsuleComponent, so that it does not float in midair. 
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Thisisall werequre for our Al character. The rest we will handle in Level Blueprirts. 
Next, place Al Character into the scene on the Player side of the pit, with all of the 
switches. Place it directly over the Target Point actor. 
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Next, open up Level Blueprint, and let's begin scripting it The left-most switch will be 
used to activate the Al character, and the rerraini ng three will be used to draw the parts 
of a path on whichit will walk to reach the other side. 


То movetheAI character, we will need an Al Move To rode. The first thing we need 
is an overlappi ng evert for the trigger over the first switch, which will enable the input, 
otherwise the Al character will start moving whenever the player touches the screen, 
which we do not wart. Set up an Overlap evert, an Enable Input node, and a Gate 
evert Connect the Overlap evert to the Enable Input evert, and then to the Gate 


node's Open input 


The next thing is to create a Touch node. To this, we will attach an Al Move To rode. 
Y ou can either type it inor find it under the Al section. Once created, attach it to the 
Gate node's Exit pin. 


S Event Graph 





We now need to specify to the node which character we wart to rrove, and where it 
should move to. To specify which character we want to move, select the Al character in 
the Viewport, and inthe Level Blueprint's Graph Editor, right-click and create a 
reference for it Connect it to the Pawn ігри pin. Next, for the location, we wart the Al 
character to move towards the second Target Point actor, located on the other side of 
the pit Butfirst, we need to get its location in the world. With it sel ected, rignt-clickin 
the Graph Editor, and {уре іп сес Actor Locati on. This node returrs an actor's 
locati on (coordi nates) in the world (the one connected to it). This will create a Get 
Actor Location, with the Target Point actor connect to its input pin. 


Finally, connect its Return Value to the Destination i nout of the Al Move To node. 
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If you were to test it out, you would find that it works fine, except for one thing: the AI 
character stops when it reaches the edge of the pit. We wart it to fall off the pit if there 
is no path. For that, we will need a Nav Proxy Link actor. As discussed in the previous 
chapter, a Nav Proxy Link actor is used when ап А! character has to step outside the 
Nav Mesh terporarily (for example, јитр between edges). We will need this if we 
wart our Al character to fall off the ledge. Y ou can find it in the All Classes section in 
the Modes pare. Place it inthe levd. 
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The actor is depicted by two cylinders with a curved arrow connecti ng them We want 
the first cylinder to be on one side of the pit and the other cylinder on the other side. 
Using the Scale tool, increase the size of the Nav Proxy Link actor. 


г СЕТЕ 8»: 











When placing the Nav Proxy Link actor, keep two things in mind: 


e Make sure that both cylinders intersect in the green area; otherwise, the actor will 
not work 

e Ensure that both cylinders areinline with the AI character; otherwise, it will not 
поме ina straigt line but instead to where the cylinder is located 


Once placed, you will see that the Al character falls off when it reaches the edge of the 
pit. We are not done yet. We need to bring the Al character back to its starting position 
so that the player can start over (or elsethe player will not be able to progress). For 
that, we need to first place a trigger at the bottomof the pit, making sure that if the Al 
character does fall into it, it overlaps the trigger. This trigger will performtwo actions: 
first, it will teleport the Al character to its initial location (with the hel p of the first 
Target Point); second, it will stop the Al Move To node, or it will keep moving even 
after it has been tel eported. 
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After placing the trigger, open Level Blueprint and create an Overlap evert for the 
trigger box. To this, we will add a Sequence node, since we are calling two separate 
functions for when the player overlaps the trigger. The first node we are going to create 


is a Teleport rode. Here, we can specify whi ch actor to tel eport, and where. The actor 
we wart to tel eport is the Al character, so create a reference for it and connect it to the 
Target input pin. As for the desti ration, first use the Get Actor Location function to 
get the locati on of the first Target Point actor (upon which the АІ character is initially 
placed), and connect it to the Dest Location і при. 
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To stop the Al character's rroverrert, right-click anywhere in the Graph Editor, and 
first uncheck the Context Sensitive box, since we cannot use this function directly on 
our Al character. What we need is a Stop Active Movement node. Type it into the 
search bar and create it. Connect this to the Then 1 output node, and attach a reference 
of the Al character to it It will autorratically convert froma Character Reference i rto 
Character Movement corrporert reference. 
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This is all that we need to script for our Al inthe third room There is one more thing 
left how to unlock the key cube. But we will cover this in the next chapter since it 
involves Matinee. 


Inthe fourth room we are going to use the sane principle. Here, we are going to rreke a 
chain of Al Move To nodes, each connected to the previous one's On Success outout 
pin. This means that when the Al character has successful ly reached the desti nation 
(Target Poirt actor), it should move to the next, and so on. Using this, and what we have 
just discussed about Al, script the path that the Al will follow (recall the previous 
chapter, where we lined out the path the Al character wou d take in the fourth room). 





Summary 


Inthis chapter, we covered with Bluepri rts and discussed how they work. We also 
discussed Level Blueprints and the Blueprint class, and covered how to script Al. We 
still have a few nore things to script, but first we will have to cover the topic of Unreal 


Matinee. In the next chapter, we will be doing just that 


Chapter 6. Using Unreal Matinee 


Unreal Matinee is yet another powerful tool offered by Unreal Engine 4. Unreal Matinee 
iS used to create ci nerrati Cs, cutscenes, animations, set pieces, and so on. It is also easy 
to learn, and you can use it to create anezi ng things. Usually, Matinee is used in 
conjunction with Blueprints. In the previous chapter, we had | eft out scripting a few 
things in our game, which we will be covering now. The following topics will be 
covered inthis chapter: 


e Whatis Urreal Matinee? 
e Unreal Matinee user interface 
e Using Unreal Matinee in our дате 


What is Unreal Matinee? 


Unreal Matinee is an animating tool. It provides tools which you can use to animate the 
properties of actors during gameplay or create ci nerrati Cs, cutscenes, set pieces, and so 
on. With the hel p of curves and key frames, you can use this tool to animate actors in the 


garre, j ust like any other video editing software that professionals use. Y ou can also use 
Matinee to set uo Matinee everts. 


Adding Matinee actors 


Before you can use Matinee, the first thing you need to do is to add a Matinee actor into 
the scene. A Matinee actor is depicted by a clapper, like the ones you see on movie sets, 
as shown in the following screenshot 





We have al ready discussed one way of adding Mati nee actors in Chapter 4, Using 
Actors, Classes, and Volurres, through the Modes panel. Another way of adding 

Mati nee actors while keeping a check on how many of themare placed inthe scene is 
by clicking on the Matinee button in the Viewport tool bar, which opens a drop-down 
menu. Here, at the top of the menu, under the New secti on, you have the option to create 
a new Matinee actor by clicking on Add Matinee. Underneath this, in the Edit Existing 
Matinee section, you can find a list of all the Matinee actors placed inthe list Double 
click on any of themto edit 


When you create a new Matinee actor or double-click on an existi ng one, a new 
window opens up. Let us take a closer look at it 


The Unreal Matinee user interface 


Anyone who has used Matinee in Unreal Development Kit (UDK) will find that the 
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T hetab and menu bar 


J ust as in a web browser, inthe tab bar, you can see how many windows are currertl y 
open, swap between them rearrange them and close any one of them 


File Edi Playback View Window 





Be ow that is the menu bar, containing the following actions and functions: 


File Fromhere, you have the option to either import sequences fromF BX files 
(since FBX files, along with the mesh, also store the ani mation of the obj ect, 
importing it will inport the ani mation sequence of that FBX file to Matinee), 
export an animation sequence, save a sequence, and so on 

Edit With ths tab, you can undo or redo previous actions, add or remove key 
frarres, edit sections, and so on 

Playback: This g ves you the options to play, pause, stop, loop, and reverse your 
ani mation sequence 

View. Here, you can set what you wish to view, enable grid snapping, fit the entire 
sequence in the track view panel, and so on 

Window. This tab allows you to customize your Mati nee UI by setti ng what panels 
and windows you wart displayed inthe UI, and so on 

Help Y ou can access docurert and tutorials on Mati nee fromhere 


Thetoolbar 


Below the menu bar is the tool bar. Here, you can access the most сопттопу used 
actions. 





Fromleft to right, the icons are as follows: 


Add Key: This adds a key frarre on the current position of the ani mation track. 


e Interpolation: |nterpol ation mears fi ndi ng a poi nt between two other points. In key 


frane animation, interpolation is an important tool, since it makes the ani mati on 
smooth. With this, you can set the initial interpol ation mode of the keys and curves. 
Y ou can choose fromli near, constant, curve auto clarrped, curved auto, and so on. 
Play: The play button plays the animation sequence you create. Y ou can see the 
ani mation in the Editor Viewport. The ani mation only plays once. 

Loop If you wart to view the an mation mti ple times, you can click on the Loop 
button, and it will loop the ani mation once it has fi ni shed. 

Stop Clicking on this will stop the animation. 

Reverse: This plays the ani metion in reverse. 

Camera: Clicking on this will enable you to create a Camera group. 

Playback Speed: With this option, you can set the speed at which you wart the 
animation to play. Y ou can choose from 100%, 50%, 25%, 10%, and 1% of the 
normal play speed. 

Snap Settings. If you have grid snapping enabled, you can set the snap size from 
here. 

Curve: Enabled by default, you can use this to ope/close the Curve Editor 
window. 

Snap. Represented by а magnet, this toggles grid snapping. 

Tine to Frames This snaps the timeline cursor to the snap size set in Snap 
Setting. Itis enabled only if the snap size is in frames per second. 

Fixed Time Usingthis, you can fix the playback speed to the frarrerate chosenin 
the Snap Setting nenu. It only works if the snap setting is in frames per second. 
Sequence: Click on this to zoomto fit the entire sequence you created in the 
Tracks pang. 

Selected This zoons to fit the selected key frames in the Tracks раге. 


Loop This zoons the ti melineto fit the loop sections in the animation sequence. 


e Loop Sequence: This sets the starting point of the Loop section to the start of the 


ani mation sequence, and the end to the end of the sequence. In other words, 
clicking on this will resize and fit the loop section to the entire ani mation sequence 
you created, 

End If you dick onthe arrow at the far right corner of the tool bar, you will find 
three more icons. The first of themis End This moves the Tracks tineline to the 
end of the sequence. 

Recorder: This opens the Matinee Recorder window, which you can use to 
record sequences for your Matinee. 

Movie: Finally, we have the Movie option. Y ou can use this to create a movie 
fromthe animation sequence you created. 


TheCurve Editor 


The next window we have is the Curve Editor. As with any animation software, you 
can edit your animations using curves. Itis also used if you wart to have particle 
Systerrs in your animation sequence. There are other numerous uses of curves, but these 
are the most СОПТТОП uses. The x axis reoreserts ti me, and the y axis is the value that 
you are changing in your Matinee over tine. The curve in the Curve Editor shows that 
the value is changing over ti me. For instance, if the value is chang ng at a constant rate, 
the curve woud be li near, if the value is changing exponentially, the curve woud be an 
exponential curve, and so on. 


To view and edit curves, you first have to togg e themin the Tracks Pane. Once done, 
you will see the curve of the corresponding animation sequence, which you can then edit 
in order to further edit or fine-tune your animation. 
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At the top is the tool bar of the Curve Editor. Let's look at its options: 
e Horizontal: This option enables zooming to fit the sel ected curve group 


horizontally. 
e Vertical: This is the sare as the Horizontal option, but it fits the selected curve 
group verti call y. 


All: Itfits the curve both horizontally as well as vertically so that the whole curve 
is visibleinthe Curve Editor. 

e Selected This perforrrs the sane function as All, but only for the sel ected poi rts. 
Pan This switches the Curve Editor to pan mode, meaning you can move around 
inthe graph editor by holding the | eft mouse button and dragging it 

e Zoom This switches to the zoomrrode. Y ou can zoomin and out by hol ding the 
left mouse button and dragg ng the mouse. 

Auto: This changes the selected curves interpolation to Auto. 

Auto/Clampect Set the sel ected curves interpolation to Aubo/Clamped 


e User: This option changes the interpol ation to User (if you make any change to the 
curve whileitis set to Auto or Auto/Clamped it will change the interpol ation to 
User). 

Break: This changes the interpolation to Break. 

Linear: This changes the interpolation to Linear. This means that the curve 

between the two poirts will be linear, thatis, a straight line between the two key 

frarres. 

e Constant: This changes the interpolation to Constant. This mears that the curve 
between the sel ected key frames will be a straight hori zontal line. In other words, 
the value along the Y axis will rerrein constart over ti rre. 

e Flatten: Clicking onthis will flatten the selected tangert of the curve, making it 
flat 

e Straighten This option removes апу irregularities fromthe sel ected tangent of the 

curve and makes it straight 

Show All: This shows all the tangents of all the curves preset 

Create: Finally, we have the Create tab button. Y ou have the option to create 

muti ple tabs. Y ou can switch between tabs by clicking on the arrow button at the 

extrene гіс corner of the tool bar and selecti ng which tab to go to using the 

Current tab menu Y ou can also delete the currert tab. 


Be ow the tool bar, on the left-hand side, is the track list Неге, you can see all of the 
tracks in the currert tab. At the top is the пате of the track, and at the bottomare buttons 
that you can togd e on/off. In this example, we have a rroverrert track, so there are three 
buttons representing each axis: red represents the X axis, green the Y axis, and blue the Z 
axis. At the far rightis a yellow button, which can be used to toggle the entire track 
on/off. 
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To its rigt, we have the Graph Editor, where you can see and tweak the curves. 





Here, you can see that there are three separate curvesó each reoresenting the buttons we 
just discussed. Y ou can tweak each of the curves here to get the desi red result Select a 
point on the curve and change the tangent to alter the shape of the curve. 


The Tracks panel 


Inthe Tracks panel, you can see all of the tracks, folders, and groups in your animation 
sequence. 


All| Cameras Skeletal Meshes Lights Particles Sounds Events 
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Here, you can see the ti mel ine specifying how long the ani rati on is, the groups you have 
created, all the corrponerts that are involved inthe animation, and so on. At the top of 
the pane is the tab bar. Below itis the Grouptab. For simple animations, you do not 
really need this, but if you have a complex animation sequence (such as a cinerratic or a 
cutscene), you may wart to make use of this feature to keep your workstati on neat and 
organized. Y ou can put similar actors in their respective tabs. For ехатріе if you have 
carreras, уои can place themin the Camera group. To create a group or a fol der, rigt 
dick onit this will open a menu, fromwhich you can create a group or a folder. 


Below the Grouptab, onthe left, is the Group and Track list All of the groups and 
tracks in your animation sequence or in the current tab are listed. Y ou can also add or 
rerrove groups here. 


New Group 


EEN 





As you can see, there are various tracks under a group. Each individual track has its 
own ani neti on which you can edit. Y ou can also toggle an entire track on/off by clicking 
on the gray box on the | eft of each track. On the bottom ri ght corner are two more boxes. 
The button on the left enables or disables the respective track frompl aying in the 

ani mation sequence. The one on the right enables or disables the Curve Editor for that 
track. Also, sorre tracks do not have these two buttons, indicating that those tracks do 
not have a curve. 


Toits rigtis theanirrationtirreline. 





At the bottom you can see the ani mation ti mescal e. Above it, the transl ucert white box 
with the red edges depicts the total duration of the ani reti on time. Y ou can click on the 
edges and drag themleft or ri ght to decrease or increase the duration of the ani mation 
respecti vel y. The light green box shows the duration of the loop sequence. This means 
that only the secti on inside the green segrrent will loop, the rest will be ignored. Y ou 
can also increase or decrease its size by clicking and dragg ng the green arrow по or 
left There is also the timeline slider, depicted by the white line, which you can use to 
jump to any frame. Finally, you can click anywhere on the ti re bar to jump to any frare. 
Thetimelineslider will јитр to wherever you click. 


The Details panel 


Finally, there is the Details panel, wherein you can set the properties of certain tracks, 
groups, and so on. 
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The precedi ng screenshot shows the properties of the key frame of a moverrert track. 
Y ou can togg e the novenert track fromplaying inthe Vi ewport, togg e the rotation 
oryoff, set whether you wart to see the track inthe Editor Viewport, and so on. 


Animating the door 
Now that you are acquainted with Unreal Mati nee and its user interface, we can go 


ahead and add a few animations to our garre. This includes animations for the doors 
opening, a srrall cutscene inthe first room and drawing a bridge for the Al character. 


Room 1 


It is now tineto actually use Маб пее in our сате. Select the Mati nee actor near the 
door in the first roomand click on Open Matinee in the Details panel. Once opened, 
the first step is to add a group. Before making a group, be sure that the actor or actors 
you wart to animate are sel ected in the Editor Viewport; otherwise, the group will not 
have any actor reference init, and you will get an error saying Nothing to keyframe, or 
Selected obj ect cant be keyframed on this type of track. 


Click on the door to select it, right-click on the Track list in the Tracks pana, and 
select Add New Empty Group When asked to пате the group, nane it Door and press 
Enter. The door will be attached to this group. This will create an errpty group in which 
you can place muti ple tracks (moverent, visibility, particles, and so on). First, we will 
need a rroverrert track. Right-click on Door and select Add New Movement T rack. 
Once created, you will seeitinthe Tracks pand. 
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Now, we do not wart the animation to last for 5 seconds, since it is too long for a 
simple door opening ani mation and would umecessarily slow the дате down. So, 
decrease the ani ration duration to 2 seconds by left-clicki ng on the red arrow onthe 
extreme гіс (whichis above the 5-second mark) and move it back over to the 2-second 


rrark. If you wart, you can also increase the loop sequence duration from 1 second to 2 
seconds by doi ng the sarre with the green arrow on the right edge of the green box. 
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Inthetimeine before the Moverrert track, you will see a small maroon arrow over the 
O-second mark. This is a key frame. Since we have a simple animation, we only need 
two key frames: one at the beg mi ng of the ani mation sequence and the other at the end 
(as shown in the preceding screenshot). To add the second кеу frane, rove the 

ani mation slider to the end of the animation timeline and press Enter. 


Now that we have the key frames set up, go back to the Editor. 
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Y ou will notice sorrething on the top-left corner of the Viewport Whenever you open 
Matinee, the Vi ewport changes to preview the corresponding Mati nee animation. At the 
top left, written in whitetext is Matinee. This is basically notifying that the Viewportis 
current y set to the preview node. Next to it, written in teal text is the resol uti on of the 
viewport. Below it, written in greentext, is ће nurrber of frames in the corresponding 
Mati nee animation. At the top-left corner, it reads Matinee. Next to it, you can see the 
resol ution, and below it, the total nurrber of frames in the animation. Inthis mode, you 
cannot save, open, or load a scene, nor can you play the дате. In order to performany 
of these actions, you must first close Matinee. 


Now, making sure that the ti meli ne slider is at the end of the animation timeline, using 
the transformtool, move the Door upwards or along the z axis. Move it until it is out of 
the way. 
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Y ou will seea vertical yellow line whenever you move the door. This line shows the 
path the door will follow when the anirrationis played. To view the animation, go back 
to Matinee and click on the Play button in the tool bar. 


The next thing we need is to make use of the carrera we added earlier. When the player 
places the key cube on the pedestal, we want to play a srrall cutscene showing what 
effect it has, so that the player knows what the main objecti veis inthe rooms. Inthis 
cutscene, we will: 


1. Take the control away fromthe player. 

2. Switch fromthe main carrera to the carrera in front of the door. 
3. Play the anirration. 

4. Give back the player control over the character. 


For this, we will need to add a carrera group. Going back to the Mati nee window, right 
click on the Tracks pand and click on Add New Camera Group (again, make sure that 
the carrera is selected in the Viewport). Narre this group Camera. 





A Carrera group has two tracks: a Movement track and a FOVAngle ange track. Y ou 
can use this to move the carrera and set its field of view when the Matineeis playing. In 
this case, we want the carrera to be stati onary. So, take the ti reli ne slider to the end of 
the timeline and hit Enter in the Movement track of the carrera group to create a key 
frane. 


The next thing we need is what is called a Director Group. One of its uses isto assign 
which carrera to switch to when playing the ani reti on. Again, right-click on the Tracks 
panel and sel ect Create New Director Group. A new, separate track will be created 
above the Track pane! for the Director Group. 








Now that we have our Director group, we need to tell it which carrera to switch to 
when the animation is playing. To do so, select itand press Enter. This will opena 
small window asking you which group to cut to. This window enlists all the groups we 
have created in our Mati nee. Here, click onthe dropdown menu, select Camera, and 
dick OK (Be sure that the ti meine slider is at the O-second mark). Once done, the 
Camera group will be assigned to the Director group. 





Now if you play the Matinee, you will see that in the Vi ewport, the carrera switches to 
the one we placed in front of the door. We have our Mati nee set up. Now we need to 
script in when it shoud play. We wart it to play when the player places the key cube on 
the pedestal. So, open Blueprint, and inthe sequence we created for the placerrert of 
the key cube, add a Sequence rode. Attach this to the Gate node. Next, attach the Then 
O output pin to the Set Actor Hidden in Game node. 
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Next, with the Matinee actor sel ected in the Vi ewport, right-click and create its 


reference. Then, drag the pin of this node and type inPI ay when the menu opens to 
create a Play node. Attach this to the Then 1 pin of the Sequence node. 
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If you test out the level, you will see that everything is working as intended; when the 





player places the key cube on the pedestal, the carrera will switch to the one in front of 
the door, and the animation of the door will start playing. However, thereis still 
sorrethi ng left to do. Y ou canstill control the player (move around and shoot) while the 
cutscene is playing. We wart the player to be unable to move or shoot while the 
animationis playing. To do so, select the Matinee actor, and inthe Details panel , under 
the Cinematic section, check the following: 


e Disable Movemert Input 
e Disable Look at Input 
e Hide Player 
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And there we have it: we have just created our very own cutscene Let us move onto the 
large door inthe second room 


Room2 


Inthe middle of the second room we have а large door. We wart the pl ayer to be able 
to use it when they place the first key cube upon the pedestal. So far, itis qute similar 
to the previous door. The ойу differences here are as follows: 


І. The door opens when the player touches it on the screen (provi ded itis unlocked 
first). 
2. The door closes when the player releases their finger fromthe screen. 


Here, the Matinee part will be similar; we will create a Moverrert track 2 seconds long 
and ani mate the door going upwards. Here, since we are not creati ng a cutscene, we do 
not need a Camera group or a Director group, neither do we need to disable the pl ayer 
input while the matinee is runing. With that in nind, select the Matinee actor near the 
large door and click Open Matinee in the Details pana. Animate the door using the 
Moverrent track, as we did with the previous door. 


Once done, open Leve Blueprint Here, instead of the cube opening the door, we will 
make use of the Touch input node. As with the previous triggers, add an overlapping 
evert for the big trigger around the door. Set up the nodes as shown in the following 
screenshot 
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Here, when the pl ayer overlaps the trigger, it enables the pl ayer inout and opens the 
Gate node. When the player now touches the screen, it will play the Matinee. The only 
thing we need to scri pt is what happens when the player releases the screen. Here, when 
the player stops touching the screen, the door will close, that is, the Matinee will play 
in reverse. 


To do so, create another reference of the Matinee actor (or j ust duplicate the one 
already there), create a Reverse node, and attach the Matinee actor to its Target inout 
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Upon testing the garre now, you will see that when you place the key cube on the first 
pedestal and click on the door (when playing inthe Editor, the mouse button acts as a 
touch input), the door opens; as soon as you let go, it closes again. Do the sarre with the 
doors inroom4, but you do not need to unlock the door first you can simply scri pt it so 
that it opens when the player is close to it and touches on the screen, and closes when 
the player rel eases һе г finger fromthe screen. Let us move on to the platforms for the 


bridge. 


A bridgefor the Al character 


Inthe roomwith the Al character, the player has to neke a bridge for it, so that it can 
cross the pit and unlock the key cube. There are switches that draw а segrrent of the 
bridge. The player has to quickly draw all of the segrrents of the bridge before the А! 
character falls it into the pit Inthe third room the bridge will have three parts, each 
part drawn by the switches on the pedestal. For our bridge, we will use the Cube 
primitive actor. Add three Cube primitive actors into the scene, set thair scale as 2. 2, 
2. 5, 0. 3 respectively, and place themat the bottomof the pit Make sure to set their 
mobility to Movable. 
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After doing this, add three Matinee actors, one for each section. Then, in Matinee, set 
the animation tire as 1 second and ani mete the section coming up by moving it so that it 
is aligned with the ground. Make sure that the secti on is perfectly aligned. If itis too 
high the AI character will not be able to get onit, and if itis too low, the AI character 
will not be able to get to the other side. If you see that the upper surface of the section is 
green (because of the Nav Mesh Bounds Volume), it means that the secti on is walkable 
for the Al character, as shownin the following screenshot 











Do the same with the remaining two secti ors, ensuring that they fit perfect y when they 
are drawn. 
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The next thing we need to do is scri pt the Mati nee into our garre. We have four 

pedestals in the third room Fromleftto right, the first one acti vates the Al character, the 
second one draws the first section of the bridge, the third one draws the second section, 
and the fourth one draws the third section. So, open up Level Blueprint, and just as with 


the large door in the second room scri pt itin so that the Mati nee plays when the player 
is close enough to the switch and touches on the screen. Do this for all three trigger 
boxes playing thei r respecti ve Mati nee. 
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When the AI character falls into the pit, we wart the sections of the bridge to go back 
down to the bottomof the pit, so that when the player starts over, they have to press the 
switches again to draw the sections. Go back to the trigger box which tel eports the AI 
character back to its starti ng position. To the Sequence node, add a pin, creati ng a 
reference for all three Mati nee actors. Create a Reverse node and connect all three 
actors to it 





Now if the Al character falls into the pit, apart from be ng tel eported back to its starting 
positi on, the sections of the bridge will also reset to their orig ral position. 


We have our puzzle set up. However, currently the puzzle has no payoff. We had 
mentioned earlier that when the Al character crosses the pit, it unlocks the key cube. But 
rigt now, our key cube does not seemto be locked. What we can do is encage our key 
cube, which opens when the AI character successfully crosses the pit. For this, place 
four cubes around the key cube (whi ch act as walls of the cage), create a Mati nee of 
themopeni ng, and set up a trigger box, which plays the Mati nee when the AI character 
overlaps the trigger box. So, place four cubes around the key cube enclosing it, and 
apply the door material to them(if you wish, you can duplicate Door Material, and in 
the rraterial editor, remove the connections to the Refraction expressi on and appl y that 
to the walls, so that the key cube is properly visible fromthe other side of the pit). 
When placing these, ensure that the trigger box around the key cube is al so enclosed 
within the walls. 
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Now add a Mati nee near this cage and place a trigger box over the Target Poi rt actor. 
Open up Mati nee so that we can create our ani mation. Here, we have four separate 
objects to animate. However, since they all animate together, it would be wastefu to 
create four different Mati nee actors for each wall. Instead, we will anirrate all four 
walls inthe same Matinee. For this, we will create four differert groupsó one for each 
walló each with a rroverrert track. Select the first wall, create an errpty group (пате it 
Wall1) with a Moverrert track, and ani nete it goi ng downwards. Set the ani neti on ti rre 
to 1-second. Then, create another етрќу group (name it Wall2) with a Moverrert track 
for the second wall, and anirrete it goi ng downwards. Do the sarrefor the rerrai ni ng 
two walls. 
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We now have four separate ani mated objects usi ng the sane Matinee actor. The last 


thing leftis to set the overlapping evert for the trigger box, which plays the Mati nee. 
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Fromwhat you have learned, appl y the same method when making the bridges i n the 





fourth room making sure that the Al character can cross themwhen they are drawn. 


Summary 


Inthis chapter, we looked at Unreal Matinee: what itis, its UI, and what can be done 
with it We used it to create cutscenes and ani mate doors and bridges. And with this, we 
have completed our little gane, which derrorstrates the various features and tools 
offered by UE4. The next step is finalizing the дате (addi ng in a mai n menu, polishing 
the сате, and so on), packag rg itinto an. арк file, porting itto an Android device, and 
testi ng it there. 


Chapter 7. Finishing Packaging and 
Publishing the Game 


Inthe last few chapters, we have been building a дате bit by bit. We started by bul ding 
the world using BSP brushes, addi ng lights and static meshes, creati ng materials, and 
appl ying themto the meshes. We then added the vari ous classes and volumes that were 
requ red in order to devel op the дате and to enhance garrepl ay. After addi ng all of the 
actors, we wert onto scri pt our дате using Blueprints, Level Blueprints, and Blueprint 
Classes. Finally, we made use of Matinee to create cutscenes and ani mations. 


We now have a functioning garre. The next step is finalizing the game, packaging it into 
an. арк file, and publishing it to the Google Play Store. 


Adding the main menu using Unreal 
Motion Graphics 


If you have played any sort of дате, you will find that all of thanhave a main menu. 
Let's add one to our gare as well. Our main menu will be fairly sinple. We will have 
the гате of the дате in the center. The дате will load when the player taps bel ow the 
гате. The garre's menus, UI, heads-up display (HUD), and so ond along with thar 
functionalitiesd can be easily created using Unreal Motion Graphics (ОМС). UMG is 
an easy-to-use tool witha simple and intuitive editor, which you can quickly learn to 
make your garre's menus and such. 


UMG Editor 


To access the UMG Editor and rreke your user interface, you first need to create a 
W dget Bl uepri nt class. Rigntclick inthe Content Browser, and under User 
Interface, se ect Widget Blueprint. Narre it vai n. Menu, and double-click onit to oper 


the UMG Editor. 
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T hetab and menu bar 


Thetab bar shows the currentl y open tabs. Y ou can switch, close, rearrange, and move 
any tab fromhere. 





The menu bar is where you can find the actions you wou d use: 


File Fromhere, you can save your widget blueprint, compile the bl uepri rt you 
created, open a sel ected asset, and so on. 

Edit Here, you can undo or redo the last acti on and open the Editor and Proj ect 
Preferences 

Asset: Fromhere, you can fi nd any asset you have sel ected in the Content 
Browser as well as find said asset's references in the widget 

View. Here, you can choose to hide/unhide any unused pins that are presertin the 
bl uepri nt 

Debug If you have created breakpoints in your blueprirt (to debug errors), then 
you can enabl e/di sabl e them and rerrove all of thanfromhere. 

Window. Fromhere, you can choose which panel or window you wish to see and 
which you do not 

Help Finally, should you need any tutorials or docurrertati on regarding widgets, 
you can access themfrom here. 


Thetoolbar 


Below the menu bar is the tool bar. Here, all of the most cormrorl y used actions are 
listed. 
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e Compile: Clicking on this option compiles the class and notifies the user of any 
errors and/or warnings 

Save: This saves all of the modifications you have made to the widget class 
Find in CB: This option locates the selected object inthe Content Browser 
Play: This plays the gare in the Editor Viewport 

Debug Filter: All of the variables and/or nodes you have set to debug are listed 
here 


There are two windows inthe UMG Editor: Designer and Graph The Designer 
window is the window you see when you open the widget class. This is where you 
design your user interface. This includes adding the UI el everts, arrang ng themin the 
Graph Editor, setting thar properties, and so on. The other window is the Graph 
Window, whichlooks like the Level Blueprint window. This is where you do all of the 
visual scri pti ng for the user interface. 
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АП of the menus have the sarre acti ors that you would find in any other Bluepri rt 
window. 


TheGraph Editor 


Inthe middle of the screen is the Graph Editor. Here, you make and design your Ul. 
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At the center, you can see a dotted rectang e. This is called the canvas and it represents 
the дате screen. All of the UI elements you wart in your widget go in here. This shows 
where the el ererts will be, how they will look on the screen, and where they will be 
arranged on the сате screen. 


At the bottom! eft corner of the Graph Editor, you can see the resol ution of the screen. 
At the bottomri ght corner of the screen is where the Dots per inch (DPI) scale is 
displayed. Y ou can change this by clicking the gear icon next to it 


At the top-left corner, you can see the zoomscale. Finally, at the top-ri gt corner аге а 
few buttons. Fromleft to right, they have been enlisted as follows: 


e Widget Layout Transformation This is used to transformand set the layout of 
the widgets you created for your Ul. 

e Widget Render Transformation This is to transformthe entire UI itself. 

e Grid Snapping This toggles the gid snapping on/off. 

e Grid Snap Value: If enabled, you can set the snap val ue fromhere. 


e ZoomtoFit This pars and adjusts the Graph Editor to fit the erti re canvas within 
the Graph Editor. 

e Preview Size: Here you can set and see how the UI would look on different 
devices, each with a different screen size, DPI, and screen resol ution. Itis really 
handy when you are devel opi ng garres for different devices. 


The Details pane 


The Details panel is where you can set the properties of the sel ected conponert. 
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Here, you can set properties such as transformation and the pivot of the widget, add 
everts when the widget is pressed or hovered over, set the visibility, and so on. 


The Palette paned 


There are various widget el ererts that go into making a Ul. Y ou can find all of themin 
the Palette panel. J ust drag and drop what you need fromthe panel to the Graph Editor 
in order to add that denet. 
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р User Created 


The widget corrponeris are categori zed into four groups, namely Common, Input, 
Panel, and Prinitive: 
e Common This group contains the most frequent y used widgets, such as buttons, 
image box, sliders, progress bar, and so on. 
e Input: This group contains elererts that can take in input fromthe player, for 
instance, a text box, spin box, and combo box 
e Panel: This group contains elerrerts usefu for laying out widgets and for 
controlling when placing widgets. 
Primitive: This group contains things such as Trobbers, Editable Texts, and so on. 
e User Created This section contains any Widget Bl ueprirt that you have created 
or havein your Project file. Y ou can add themfromhere. 


The Hierarchy paned 


The Hierarchy pane shows the hierarchy of all of the components of the widgets. 
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At the top is the CanvasPanel which acts as the foundati on of the UI. Whenever you add 
a corrporert, itis added to the hierarchy as well. If you drag and drop a corrponert on a 
Widget Corrporert in the Hierarchy pand, itis added to it with the component upon 
which you dropped the widget corrponert acti ng as the parent and the corrponert you 
added acting as the child. They also get attached together in the Graph Editor. 


TheAnimations pand 
The final component inthe UMG's user interface is the Animations panel, located at the 
bottomof the window. 
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UMG allows the user to create animations. Y ou can ani mate the Widget conponerts to 
sut your preference. The Animation panel works almost the sane way as Unreal 
Matinee. On the left is the Tracks pane. This is where you can add, rerrove, or move 
ani mation tracks. To add an ani neti on track, click on the + New button. 


On the rigttis the anirretiontimeline. This is where you create your animation usi ng key 
frames. At the top-left corner are sone settings, such as enabl ing/disabling grid 
Snapping, the grid snap value, and so on. 


Creating the main menu 


The first step to creating our main menu is to create a new level. Inthe Editor, click on 
File and select New Level. When the Leva Type window opers, select Empty Level. 
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Nanethis leva as Main Menu Once created, open the Main Menu widget class in 
the Content Browser. Inthe UMG Editor, add a Text widget to the canvas. Make the 
text big. First, increase the size of the text slot panel to 1300 x 200. There are two ways 
of doing this: the first way is to click on the edge and drag it to increase the size. The 
second way is inthe Details panel, where you can set Size X to 1000 and Size Y to 
250. 
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The text slot is now set However, the actual size of the text itself is qute small. The 
next thi ng we need to do is to increase the size of the text. Againinthe Details panel, 
under the Appearance secti on, you will find the Font option. Atthefar right, you can 
Set the value of the fort size. By default, this value is set as 24. Increase this to 150. 
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This is where we will display the пате of the дате. In the Content secti on, you can set 
what text you wart printed on the screen. Whatever you write is displayed in the Graph 
Editor. Revove Text Block, and write the пате of the сате: BI oques. Finally, adjust 

the position of the Text panel so that the пате appears in the certer of the screen. 
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The next thing we are goi ng to add is a button which, when the player clicks, starts the 
дате. To do this, add a Button widget fromthe Common section in the Palette pand. 
Place it below the гате of the дате in the center. Set its dimensions as 256 x 64. We 
will also need sorre text to go on the button, so drag a Text conponert fromthe Palette 
panel and drop it over the button. The text will get attached to the Button widget Y ou 
can see inthe Hierarchy рәге that the Text widget is under the Button widget as а 
corrponert. Whenever you nove the Button widget, the Text widget moves along with it 
Change the color of the font fromwhite to blue so that itis clearly visible. 
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We have our button in place buc it does not do anything. We need to scri pt its 
functionality in. With the button sel ected, go to the Details panel and under the Events 
section, click on the button next to OnClicked The window will switch to the Graph 
window with the OnClicked button evert node al ready set up. 
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Tothis node, we will attach an OpenL evel node. Right-click and search for it by typing 
it in the search bar and attach it to the OnClicked node. In the Level Name inout, write 
inthe пате of the leva you wart to open which in our case is Blogues Gane. Make 
sure you copy the гате of the level properly; otherwise, it will not open. 
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Finally, we also need to renove the widget otherwise, it will still be there when the 
level loads. Right-click and sel ect the Remove from Parent node and connect it to the 
output pin of the Open Level node. 
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Thatis it It really is that simple to load levas via Blueprints. 


We have our Main Menu set up. We have to irrplerrert it into our scene. For this, open 
Level Blueprint. Before we can display the wi dget, we first need to create it In the 
Evert Begin Play section, right-click and typecreate wi dget to find the Create 
Widget node and connect them Next, in the Class і при, click on the dropdown menu 
and select Main Menu 
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When the level begins, the Main Menu widget will be created. Once created, we need 
to add it to the Viewport so that the player can see it For this, we need an Add to 


Viewport node. Drag the Retum Value out and rel eese it anywhere inthe Graph 
Editor. When the menu opens, typeinAdd to Vi ewport, findit, and add it 
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Y ou were to test out the дате, you would see that as soon as you run the дате, the пате 
of the game and the button appear on the screen. 
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However, there are still a few things we canimprove. For starters, we can hide the 
virtual joysticks, since they are not required. 


Right-click anywhere inthe Graph Editor; turn off Context Sensitive: find the Set 
Virtual J oystick Visibility node; add it to the Graph Editor; and connect it to the Add to 
Viewport node. For the Target inout, you need to create a Get Player Controller and 
attach it to the Target input pin. 
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Now runthe game. The virtual joysticks will not be visible during rurti me. 
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If you press on the button, it will load and take you to the дате, and as soon as the level 
loads the UI will disappear. This is how you add a main menu to your дате. 


Installing the Android SDK 


Before we can cook and package our garre, we first need to install the Android SDK. 
Luckily, you do not need to find it on the Internet and down oad it; its installation fileis 
available with UE4. Y oucan find itin <Location> Unreal Engine 4.7 Engine 
Extras \ Android The file we need ist adp- 2. Or 8- wi ndows. 
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Once you find it, double-click on it to run the installation. Once the setup opens, all you 
need to do is to follow the onscreen instructions and let it install. 


Note 


One thing to note is that the setup needs an Internet connection since it downloads the 
build tools; so make sure that you are connected to the Internet when installing the SDK 
tools. 


Once you have successfully instal led the Android SDK files, the next thing you need to 
do is to tall the eng ne where all the files are (especially if you have installed the SDK 
files in somme other location than the default locati on). To do this, you first need to open 
Proj ect Settings (which can be found in the Viewport Menu Bar under Edit). In the 
Proj ect Settings window under the Platforms secti on, sel ect Android SDK. 
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Here, you cantal the eng ne where all of the folders are located. On the leftis a list of 
all the files requ red to buld for Android. On the right, inthe panel, is where the 
directory for the corresponding files is set. There аге two ways to change this. Y ou can 
either manually type in the locati on of the folder inthe panel, or click onthe é next to 
the panel. When you click onit, the Browse For Folder window opens up where you 
can specify the fol der. 
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The first option is for the Android SDK folder. Find the andr oi d- sdk- wi ndows 
folder and set it 

The second option is for the android NDK files. Find the andr oi d- ndk- r 9c folder 
and set it 

Thethird optionis for the ANT files. Find the apache- ant - 1. 8. 2 folder and set 
it 

e Thefourth optionis for the] ava files. Find thej dk1. 6. о 45 folder and set it. For 
developers who already have the J ava SDK installed, you need to check the syster 
environrrent vari abl es and that the paths are correct 


Y ou can have different fol der nares; you just need to make sure that the appropri ate 
folder is currently assigned. 


The next two options are to specify which version of the SDK and МОК tools to use. 
The Android SDK files have now been installed and set up. The next thing to do is set 
up your Android device for testing. 


Setting up theAndrad device 


When devel opi ng ganes, itis natural that you would wart to test your дате fromtirre to 
tine to see whether itis working smoothly and properly on the device. Instead of having 
to first package your сате, put it on your device, and then test it, you have the option to 
directly buld and run the дате on Android devices. 


1. Todo this, the first thingis to enable the Developer mode on your device. This can 
usually be found in Settings | About phone. Here, you need to find Build number 
and tap on it several times. If done correctly, you will get a prompt saying You are 
now a developer (in sone devices or versions of Android, the Build number 
option is located within More). Once that is done, a new section called Developer 
Options will be available to you; open that and enable USB debugging. 








Kernel version 
3.10.28-g1848ffc 
and@ABM103 #1 
SMP PREEMPT 





Baseband version 
01.01.010_U1030481_08.01.41119_F 


Build number 
1.22.720.1 CL429556 release-keys 





2. Once dore, connect your device to the systemand le it install the drivers. Y our 
deviceis now ready for testing. To check whether it has been properly set up, in 
the Editor Viewport Toolbar click on the litte arrow next to Launch and see 
whether your Android device is listed under Devices If itis, that means that it has 
been properly set up. Sorre devices do not autorrati cally install the driver. In such 
cases, itis advised that you download the respecti ve dri ver fromthe company's 
website. 
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3. Once set up, we can now test our дате on our Android device. То do so, click on 
the Android device listed under Devices. Once clicked, UE4 will start packaging 


the дате and deol oyi ng it for the device. Y ou can see a pop-up at the bottom-right 
corner of the screen. 
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4. To stop the buld process, click on the Cancel button. To see the output log of the 
building process, click on Show Output Log which opens the log window, where 
you can see what is bei ng executed. Y ou can also see where the error has 
happened if one occurs. Once the buld process is over, it will autorratically start 
on your device. The. арк file will also be installed. 


Packaging the project 


Another way of packaging the дате and testi ng it on your device is to first package the 
сате, import it to the device, install it, and then play it Butfirst, we should discuss 
sone setti ngs regarding packaging, and packaging for Android. 


The Maps & Modes settings 


These settings deal with the maps (scenes) and the сате mode of the final game. In the 
Editor, click on Edit and select Project settings. In the Project settings, Project 
category, select Maps & Modes. 
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Let's go over the various secti ons: 


e Default Maps Here, you can se which map the Editor should open when you 
open the Project. Y ou can also set which map the дате should open when itis run. 
The first thing you need to change is the main menu map we had created. To do 
this, click onthe downward arrow next to Game Default Map and sel ect 
Main Menu 

e Local Multiplayer: If your garre has local muti player, you can alter a few settings 
regarding whether the дате shou d have a split screen. If so, you can set what the 
layout shou d be for two and three players. 

e Default Modes Inthis section, you can set the default дате rode the дате should 
run with. The дате mode includes things such as the Default Pawn class, HUD 
class, Controller class, and the Game State Class. For our сате we will stick to 


МуСате 


e Gane Instance Here, you can set the defaut Game Instance Class 


The Packaging settings 


There are settings you can tweak when packaging your дате. To access those setti nos, 
first go to Edit and open the Proj ect settings window. Once opened, under the Project 
section click on Packaging 
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Here, you can view and tweak the general settings rel ated to packaging the project file. 
There are two sections: Project and Packaging. Under the Project section, you can set 
options such as the directory of the packaged project, the bu Id configuration to either 
debug, developrrert, or shi ppi ng, whether you wart UE4 to bui Id the whole project 
fromscratch every time you build, or only bu Id the modified files and assets, and so on. 


Under the Packaging settings, you can set things such as whether you wart all files to be 
under one. pak file instead of many individual files, whether you want those. pak files 
in chunks, and so on Clicking on the downward arrow will open the advanced settings. 


Here, since we are packag ng our garre for distribution check the For Distribution 
checkbox. 


The Android app settings 


In the preceding section, we talked about the general packag ng settings. We will now 
tal k about settings specific to Android apps. This can be found in Proj ect Settings, under 
the Platforms section. In this section, click on Android to open the Android арр 

setti ngs. 


Engine Platforms - Android 


Platforms 


Plugins 





Here you will find all the settings and properties you need to package your garre. At the 
top the first thing you shou d do is configure your project for Android. If your projectis 
not configured, it will prompt you to do so (since version 4.7, UE4 autorrati call y 
creates the andr oi drani f est. xm file for you). Do this before you do anything else. 
Here you have vari ous secti ons. These are: 


e APKPackaging Inthis section, you can find options such as opening the fol der 
where all of the build files are located, setti ng the package's narre, setti ng the 
versi on nurrber, what the default ori entation of the game should be, and so on. 

e Advanced APKPackaging This section contains more advanced packaging 
options, such as one to add extra settings to the. apk files. 

e Build To tweak settings in the Build section, you first need the source code which 
is available fromGitHub. Here, you can set things like whether you wart the build 


to support x86, OpenGL ES2, and so on. 
e Distribution Signing This section deals with signing your арр. Itis a requirement 
on Android that all apps have a digtal signature. This is so that Android can 
identify the developers of the app. Y ou can learn nore about dig tal signatures by 
dicking onthe hyperlink atthe top of the section. When you generate the key for 
your app, be sure to keep itin a safe and secure place since if you lose it you will 
not be able to modify or update your app on Google Play. 
Google Play Service: Android apps are downloaded via the Goode Play store. 
This section deals with things such as enabling/di sabl ing Googl e Play support, 
setti ng your app's ID, the Goode Play license key, and so on. 
e Icons Inthis section, you can se your garre's icons. Y ou can set vari ous sizes of 
i cons depending upon the screen density of the device you are airing to devel op 
on. Y ou can get more irforrrati on about icons by click on the hyperlink at the top of 
the secti on. 
e Data Cooker: Finally, inthis section, you can set how you wart the audio in the 
garre to be encoded. 


For our дате, the first thi ng you need to set is the Android Package Name whichis 
found in the APKPackaging section. The forrrat of the naming is com Your Company. 
[ PRO ECT]. Here replace Your Conpany with the гате of the corrpany and [ PRO ECT] 
with the гате of your proj ect 
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Building a package 


То package your project, inthe Editor go to File | Package Project | Android 
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Y ou will see different types of forrrats to package the proj ect in. These are as follows: 


e ATC: Usethis fornet if you have a device that has a Qualcomm Snapdragon 
processor. 

DXT: Use this fornet if your device has a Tegra graphical processi ng unit (GPU). 
ETCL Youcanusethis for any device. However, this fornet does not accept 
textures with al pha channa s. Those textures will be uncompressed, making your 
garre requiring rrore space. 

e ETC2 Usethisforrratis you have a MALI-based device. 

e PVRTC: Use this fornet if you have a device with a PowerVR GPU. 


Once you have decided upon which format to use, click on it to begin the packag ng 
process. A window will open up asking you to specify which folder you wart the 
package to be stored in. 
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Once you have decided where to store the package file, click OK and the bu Id process 
will commence. When started, just like with launching the project, a small window will 
pop up at the bottom-right corner of the screen notifying the user that the build process 
has begun. Y ou can open the output Log and cancel the bu Id process. 





Orcethe buld process is corrplete, oo the fol der you set. 
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Home Share View 
» ThisPC » New Volume (F:) » Android Game » Android АТС 
Name 


Ф Bloques-Android-Shipping-armv7-es2.apk 01/05/2015 12:47 


[E] Install Bloques Shipping-armv7-es2.bat 


Y ou will find a. bat file of the game. Providing you have checked the packaged дате 
data inside. apk? option (whichis located inthe Project setti ngs inthe Android 
category under the APKPackaging section), you will also find an. арк file of the дате. 


The. bat file directly installs the gare fromthe systemorto your device. То do so, first 
connect your devi ce to the system Then double-click onthe. bat file This will opena 
connard prompt window. 











Once it has opened, you do not need to do anything. J ust wait until the install ation 
process finishes. Once the installation is done, the дате will be оп your device ready to 
be executed. 


Tousethe. арк file you will have to do things a bit differewy. An. арк file installs 
the game when itis on the device. For that, you need to performthe їо owing steps: 


1. Connect the device. 

2. Create a copy of the. арк file 

3. Paste itin the device's storage. 

4. Execute the. арк file fromthe device. 


The installation process will begin. Once completed, you can play the дате. 


Developer Console 


Before we tal k about how to publish the дате on the Goode Play Store, we first need to 
tal k about the Developer Console fromwhere you manage your app. This includes 

upl oadi ng and renovi ng the app to and fromthe Play Store, filling in the app's 
descri pti on, setti ng the price of the app, and so on. However, before you can access the 
Developer Console, you first need to reg ster. The cost to reg ster is $25. The link to 
the signup page is Jl pl ay. e.coma ubl i sh/si 





Accept Developer y Registration Fee 
Agreement 


YOU ARE SIGNED IN AS 


e Nitish Misra This is the Google account that will be associated with your Developer Console. 
Foy f you would like to use a different account. you can choose from the following options below. If you are an 
organisation, consider registering a new Google account rather than using a personal account 


BEFORE YOU CONTINUE 





Continue to payment 








Once registered, go to the Developer Console page. 


| De coder aem s 
| Ф АШ APPLICATIONS 











Here click on the Add new application button | ocated at the top-ri gt comer. When 
clicked, a window will open where you can set the | anguage and set the гате of the 
gane as BI oques. Once set, click on Upload АРК. Once clicked, you will see several 
options regarding the app. 


At the top, you can see the пате of the app, Bloques. Bel ow it on the left-hand side are 
several panels. At the center are the available settings or options in the corresponding 
рапа. 


ALL APPLICATIONS 


Hereis where all the apps and/or gares you have published, or are inthe process of 
publishing, are displayed. 
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The applicati ons that are not published yet and or in the process of bei ng uploaded to 
the Play Store are saved as Drafts. Y ou can also check things such as how many 
down oad/installs your app has had, the price, when the app was last updated, and so 
on Clicking on any of the apps listed will openthe app page, wherein you can set 
various properties and options for it. 


APK 


The АРК panel is opened by default. Here you can choose whether you wart to publ ish 
the game onthe Play Store. 





| * Bloques 


| AN APK 





If you are inthe process of deva oping your app or garre and want to test your product 
inthe market, as well as get sorre feedback before you publish the final product, you 
can set up a beta test by uploading your app fromthe BETA TESTING tab. If you wish 
to have nore controlled testi ng of your app, for instance опу bei ng abl e to download if 
you have an invite or a key code, then you can set up an al pha test by uploading your 
product fromthe ALPHA TESTING tab. 


Store Listing 


The next step panel is the Store Listing pane. This pane contains all of the options 
related to how the app is goi ng to be displayed inthe Goode Play. 
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Here you need to fill out the details regarding your app. These details will be displayed 
in the Play Store when the user clicks on it There are five sections inthis pand. 


The first section is PRODUCT DETAILS. Here you can set the гате of the app, а 
Short description about your app (which should be short and interesting enough to get the 
users attention), and a full descri pti on about your app (which contains a full description 
of what the app is, its feature set, and so on). 


The next section is Graphic Assets. Here you need to post screenshots of your дате, 
Since there are various Android devices, each with different screen sizes and screen 
resol ui ons, you need to add several screenshots of various resol ut ors so that the 
screenshots are not stretched or compressed on any device. Y ou need to add a m ni mm 
of two screenshots; the maxi mumnurrber of screenshots you can add is eight. The 

requ red sizes for various devices is g ven, so you can check and set themup 

accordi ng y. Apart fromaddi ng screenshots, you can also add a vi deo which could be a 
trailer or a gameplay video of your app. 


Following Graphic Assets is the Categorization раге. This deals with how your app 
will be categorized inthe Play Store. Here you need to specify whether your product is 
an app or a garre. After setti ng that, you will need to specify in what category your 

product lies; if you have picked Applications, the options you get under category wou а 


be Books and References, Education, Business, Finance, Lifestyle, and so on If you 
have picked Garres, you will have to set its genre under Board Garre, Puzzle Gare 
Casual Garre, and so on Finally, you also need to set the Content Rating for your app. 


Next, we have ће Contact Details wherein you can post your website or your 
corrpany's website, contact errail address, and phone nurrber. 


Finally, inthe Privacy Policy secti on you provide a pri vacy policy for your app. 
Content Rating 


Cortert rati ng is an important aspect of any дате or app. Goode Play also offers its 
own cortert rati ng. 
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Even though there is a Content Rating secti on in Store Listing this is a much nore 
comprehensive and extersi ve rating system With the hel p of a questionnaire with 
various questi ors regarding the app/garre and its content, Goode will rate your product 
But to get the questiorrai re you will first have to upload your арр. 


Pricing & Distribution 
This section contains everything rel ated to the cost of your app and where your app will 
be available for download. 
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DISTRIBUTE IN THESE COUNTRIES 





At the top, you can set whether your app is Free or Paid. If you wart your app to be 
paid, you will first have to set up a merchart account 


Be ow that is alist of countries. Y ou can choose in which country you wart your app to 
be available by clicking on the checkbox. If you wart your app to be available 
worldwide, check SELECT ALL COUNTRIES ard all of the tick boxes will be 
checked. 


In-app Products 


This section contains settings regarding in-app products. 
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A popular monetization method used by developers is in-app purchases. These are 
virtual goods that can be bought usi ng real currency. Here, you can manage your in-app 
products and set itens such as price, what is available to purchase, and so on. 
However, if you wart to have in-app purchases in your дате or арр, you will first have 
to set up a merchart accout. 


Services & APIs 


This is where you can see what servi ces offered by Google are currently acti ve in your 
app/garre. 
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LICENSING & IN-APP BILLING 
Licensing allows you to prevent unauthorised distribution of your app. It can also be used to verify in-app billing purchases. 
YOUR LICENCE KEY FOR THIS APPLICATION 


Base64-encoded RSA public key to include in your binary. Please remove any spaces 








These services include Goode Cloud Messaging, which you can use to send 

irforrrati on and data fromthe servers to your app or дате: li censi ng, which prevents 
piracy and unauthori zed di stri buti on of your product and is used to verify in-app 
purchases; and Google Play services, which includes leaderboards, achi everrerts, push 
notifications, and many more. 


GAME SERVICES 


As previousl y discussed, Goog e offers various services for app developers. This is 
where you can set what servi ces you want on your app/garre. 
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When you go to this panel, you will see a list of apps that you have produced, similar to 
that in the All Applications раге. Here, you can view what platforms your app or дате 
is on, what ach everrerts you have in your дате, your leaderboards, and how many 
unique players have signed into your дате using their Goog e accourt. As with All 
Applications, clicking on the пате of the app will open a page wherein you have 
several options regardi ng these services. 


Let's discuss these sections individually. 
Game details 


Here you can set the general details regarding your app/garre. 
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These general details include your app's display пате, its description, category, graphic 
assets, and so on. Y ou can change the setti ngs for these here as well. 


Linked apps 
To be able to use Goode Services, you will first have to link your app. 
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Linking your app will generate an OAuth2 key, which you will need to include in your 
app's binary before you can make use of these services. Here you can choose different 
platforrre for your app, namely Android, iOS, Web, and others. Clicking on any one of 
themwill open a page wherein you have to fill in certain detail s before you can link 
your app. We will corre back to this in the later secti ons. 


Events 


Getting users to download your app is one thing. To ensure that the users who have 
downloaded your app or дате keep usi ng them in other words user retertion, is a 
whole different area of experti se and equally importart, if not more. The next three 
panels are for just that. The first is the Events рәге. 
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Once you have a si zabl e nurrber of users, you can start having peri odi c events and 
rewards for users who partici pate in or winthis event Everts can include week y 
contests, di scouts on in-game products, and so on. This is a great way to keep the users 
engaged in your garre. To add an evert, click on Add Event which will take you to the 
Event page wherein you can fill in the detail s regarding the event 


Achievements 


Another way of retaining users is creati ng achi everrerts. Achieverrents are goals or 
tasks that the player has to performinthe дате in order to unlock the respective 
achievemert. This coud include things like playing the game X nurrber of times, killing 
Y nurrber of enerries, and so on. Usually, when the player unlocks an achieverrert, they 
are rewarded with sorre in-garre currency or sorrethi ng similar. Achi everrerts are i deal 
for retaining perfectionist players who play to finish the дате completely. This means 
finishing the garre (providing it has an ending), unlocking anything and everything that is 
unlockable, and unlocking every ach everrert in the сате. Itis also a necessary 
corrponert of your gane since you need at | east five achi everrents before you can 
publish your garre. 
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To add an achieverrert, click on the Add achievement button which will take you to the 
achievement details page. Here, you can set all of your achi evenert details, such as 
the гате of the ach everrert, a descri pti on about how it can be unlocked, an icon, and 
so on. 


Leaderboards 


Last, but not least, we have Leaderboards. Leaderboards are yet another way of 
retaining players, especially competitive players who play to get the highest score. A 
leaderboard is sort of a list where the narres of players who have scored the highest 
points in your дате are di splayed in descendi ng order. 
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To add aleaderboard, click on the Add leaderboard button, which will take you to the 
leaderboard details page. On this page, you can set various options, such as the narre, 
the format, the upper and lower limit of the leaderboard, and so on. 


Testing 


This section contains various options regarding testi ng the Goog e Play services on your 
app/garre. Before you publish your garre, itis advisable that you first test your app to 
ensure that everything is working properly and if a probl emdoes arise, fix it before 

rel easi ng. 
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Here, you can see whether the servi ces are ready to test or not. If not, you will be told 
what is required before the testi ng can begin. Y ou can also invite other people to test 
your app/garre by clicking on the Add testers button and entering in their respective 
Goog e accourt details. 


Publishing 
Finally, there is the Publishing section. Once you have filled out all of the details, 


added screenshots, set up the Google Play services, tested themand are confi dent that 
your product is ready to be published, you can publish it 
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Delete your game 





Draft + 


Here, you can see whether your арр/дате is ready to be published or not. If itis not 
ready, you can see what is missing and what you need to do before you publish. If your 
дате is already published and you wart to renove it fromthe Play Store, you can do so 


by dickingonthe Delete your game button. 





REPORTS 


Inthe REPORTS pang, you can view things such as reviews, Crashes & ANRs 
Statistics, and so on. 
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Here too are various sections, all containing different reports: 


e Crashes & ANRs Inthis section, you can view reports related to дате crashes 
and ANRs. Gane crashes are a frequert occurrence. Even if your дате is properly 
opti nized, there are still some unforeseen issues that тіс occuró. some minor 
and sorre major. To retain your users, you will have to fix these crashes; 
otherwise, they will get frustrated and del ete your дате. Here you can vi ew crash 
reports for all of the games and apps you have published and accordi ng y work to 
debug them ANRs appear when your app stops responding on a device similar to 
the Not Responding pront you get in Windows and Mac. This is different from 
crashes si nce when а gane crashes the application stops. When an ANR occurs, 
the application still runs onthe device, but does not respond. This is equally 
irrportart to resol ve. 

e Reviews А good way to see how wel your game or app is doing in the rrarket is 
by reading its reviews. Itis also a great way of learning the shortcomings of your 
garre or app. Y ou can use this information when creati ng a sequel or planning to 
develop an update. Y ou can also get i nformati on about any bugs that are preset in 
the gare and use that knowl edge to resolve them 

e Statistics This section shows you how many people are playing the garre, how 
many downloads your garre has gotten, where your дате is most popu ar 
(location), how many active users your garre has, and so on. 

e Financial reports Finally, there is the Financial Reports section wherein you can 
keep track of the revenue your product i s generati ng and use it to update your дате 


or app accordi ng y. 


SETTINGS 


Here, you have vari ous options regarding things such as accourt details, rights regarding 
who can access the devel oper console, and so on, which you can view and set. 
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Here too are vari ous secti ons, each categorized based on the type of options that are as 
follows: 


e Account Details: This section contains all the general options regarding your 
developer console accourt, such as the narre of the devel oper, your address, your 
email ID, website URL, and so on. 

e User accounts & rights: Fromhere, you can set who can access your devel oper 
console. When working in a team it is understandable that you wou d wart all of 
themto have access. Y ou can set that in this section. 

e Activity log Неге you can see all of the changes you have meade to your app inthe 

developer console, along with a ti me-starrp as to when the parti cular change was 

made This is a great way to keep track of any changes made to the арр. 

Email preferences If you wart or do not wart to receive alerts about your apps 

via email, you can set it here. 

e API Access API is animportart aspect of apps. It allows you to manage things 
like in-app purchases, authenti cati ng transactions, and so on. However, before you 
can use them you will have to link your app first Y ou can link your app here, in 


the API Access secti on 

e AdWords accounts. Here you can link your accourt to an AdWords account. 
AdWords is a service offered by Goog e whi ch allows you to prorrote your app by 
usi ng advanced targeting techni ques to make sure that the right people get to see 
your advertiserrert or prorroti on for your app ог дате. 


ALERTS 


In the Settings section, we discussed how you can turn oryoff erail alerts. If you have 
turned on enil alerts, you will receive all alerts regarding your app via errail. If you 
have turned it off, you can view these alerts herein the ALERTS pand. 
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Publishing your game 


Now that we have discussed the Developer Console, we can go ahead and publish our 
garre to the Goode Play Store. 


Activating Google services 

Now, since the app is more than 50 MB, you will have to make use of the Goog e Play 
service, namely the АРК expansion files. Go to the Game services panel, and then the 
Gane details section. Here fill out all the fields since all of themarethe basic 

requ renerts that the app shou d have before you can publ ish your services. This 


Includes setti ng the Display name, which you can set as ВІ oques. Inthe Description 
section just write what the сате is, what the objecti ve of the сате is, and so on. 
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Since ths is a puz e gane inthe Category field, choose Puzzle. Further, since we do 
not require saved garres, you can set it to Off. For the Graphic Assets, you will needa 
rrinimumof two: one for the icon and one feature graphic. The resol ui on requi red for 
the screenshot is 512 x 512 and theresolution required for the feature graphic is 1024 
х 500. Y ou can take hi gh resol uti on screenshots of your scene and edit themin 
Photoshop to create your image. 
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Once you have everything set up, click on Save at the top of the screen. 


After you have filled in the details go to Linked apps fill in the requ red fields and 
click on Continue at the top. Once clicked, you will have to authorize your app. Click 
on Authorize your app now button. This will open a menu where you will be asked to 
fill inthe name of the product, logo, and so on. However, since we already filled in 
those details earlier, we can leave it as itis (un ess you want to make any changes). 
Click on Continue. Before we can move any further, we will first have to create a 
Client ID. To find out what the Client ID for your app is, follow these steps: 


1. Open Command Prompt. Make sure you run as administrator. 
2. Runthefollowing command: 


keystore i exportcert Та! і аѕ androi ddebugkey i keystore 
С: \ Users\*Your Оѕегпате*\ . androi dV debug. keystore ilist Iv 


3. Whenit asks for a password, enter the default password: andr oi d. 

4. Copy the SHA1 signature and paste it in the Signing certificate fingerprint (SHA 1): 
field. 

5. Next, click on Create ID which will create a cliert ID for you. 


Once done, Goode will create a unique client ID for your дате as well as ап 


ApplicationID. 


The next thing we need is ACHIEVEMENTS. In order to publish our дате we need a 
rrinimumof five ach everrerts. Y ou need a nane for the ach everrert, a descri pti on, and 
aniconto go along withit Y ou can create your own achieverrerts but for now there are 
five achieverrerts as follows: 
e First Time Thisis whenthe player plays the gare for the fi rst ti me 

Getting the Hang of it: This is when the player clears the second room 
Puppet Master: This is when the player clears the third room 
Puzzle Master: This is when the player clears the fourth room 
Addicted: This is when the player plays ће garre fi ve ti res 
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Y ou can assign any number of points you see fit. We do not requ re leaderboards, si nce 
Our дате does not have poi rts or scores. 


Preparingthe project for shipping 

Now we need to go back to the Engine and define a few settings in the Project. First, 
we need to set what type of биа we are going to meke. To do this, go to Project 
Settings and under Project, in the Packaging secti on, check the For Distribution box. 
Y ou will notice that the Build Configuration option will be set to Shi ppi ng and the 
option will be locked. 
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Project Project - Packaging 


ka These settings are saved in DefaultGa i, which is currently writabit 


Engine 


The next thing we are going to do is copy sone of the val ues fromthe devel oper console 
to our project Go to Project Settings | Platforms | Android First, inthe 
APKPackaging section, uncheck Package game data inside .apk?. Since our дате is 
rore than 50 MB, we camot upload the .apk file directly. What we need is а. obb file 
an extension file, which we will be uploading in addition to the. арк file With this 
option unchecked, UE4 will automatically create both a. арк file (which will be 
smaller than 50 MB) along with an. obb file (the ettension file). 
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Next, go to Distribution Signing This section is necessary if we are to package our 
gane for shipping. The first thing we need is to create a keyst оге file. A keystore file 
is a binary file that has a set of keys. Y ou can think of itas a digtal signature whichis 
used to identify and authenticate your app on the app store. There are various ways to 
create a keystore: one of themis with the hel p of Command Prompt. So, run Сопттага 
Prorrpt as adrrinistrator and enter the following command: 


keytool igenkey iv i keystore -*nane of your proj ect*. keystore ialias 
*alias nane* -keyalg RSA i keysize 2048 i vali di ty 10000 


Replace*name of your proj ect* with Bloques (or whatever you see fit) and 
*alias name* with Gane (or whatever you see fit). 


After you have entered the command, you will be asked to fill in sone other 
information, such as the password for your keystore, your пате, your corrpany's 
information, and so on. Once youfill those in, the keystore will be created. Locate it and 
placeitin*Proj ect Di rector y*/ Bui | d/ Androi d. 


Once dore, go back to Project Preference, and under Distribution Signing in Key 
Store, enter the гате of the keyst or e file you created, along with the extension (for 
exarrple, if the пате of the keystore is Bloques, then enter Bloques.keystore). Then, in 
Key Alias, enter the alias name (Gare). Finally, inthe Key Store Password ard Key 
Password fia ds, enter in the password you had defined when you were making the 
keystore file 
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da These settings are saved in DefaultEngine ini which is currently writat 





Next, go to Google Play Services Here the first thing to do is to check Enable Google 
Play Support. This will enable Goode Play services in the дате. Inthe Game App ID 
fied, fill inthe Application ID you got when you linked your app in the Deve oper 
Console. Y ou can find this ID inthe Developer Console under the Authorization 
section of Linked apps in the Game services pand.. 





| FA Game services RAEI REAVER SETTINGS 
- 3 Turn-based multiplayer ON OFF 
А Set Real.time multiplayer ON OFF 
a ANTI-PIRACY 
Enable anti-piracy ON OFF 


| Linked apps 





OAuth2 Client ID 1001287984623-kgunqoq4n00j5724sc4rvrik5Sheoapi apps googleusercontent.com 








Next, we are going to need the Google Play License Key. This can be found in the 
Developer Console, under the LICENSING & IN-APP BILLING section of Services 
andAPIsinthe All applications pand. 








LICENSING & IN-APP BILLING 
Services & APIs Licensing allows you to prevent unauthorised distribution of your app. It can also be used to venty in-app billing purchases 


YOUR LICENCE KEY FOR THIS APPLICATION 











This extreme y long string of searing y randomcharacters is our License Key. Copy the 
entire thing and paste it in the Google Play License Key section. Next, inthe 
Acheverert Map, fill inthe name and the D of the achi everrerts you created earlier. 
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ACHIEVEMENTS EIE 


da First Time CgkI7 BuoiSIdEAIQAA 5 _ Published 


ga 
2 = Getting the Hang of it CgkI7BuoiSIdEAIQAQ 10 Published 
у 3 Puppet Master КІТ Buoi5idE А)ОАО 20 — Published 
г WE Puzzle Master Cgki7 8uoiSIdEAIQA 25 — Published 
5 Hw Addicted Cgki7Buoi5IdEAIOBA 30 Published 


Achievements 








J ust copy and paste the гате al ong with the ID here. If you have icons that you wou d 
like to add you can do so here as well, inthe Icons section. We are now ready to 
package our gane for distribution. So, inthe Editor, go to File | Package Project | 
Android and choose any forrrat and package the garre. 


Once the buld is complete, go to the folder you set to store the package. Y ou will see а 


. арк file, a. bat file anda. obb file of the project We will only requrethe. apk and 
. obb file 


© + Ф d „+ Android Game » Android ATC 


E Favorites Name 


IE Desktop Ф Bloques-Android-Shipping-armv7-es2.apk 3 
ip Downloads [5] install Bloques Shipping-armv7-es2.bat 
12 Dropbox . | main.00001.com,Gamesinc.Bloques.obb 
а SkyDrive 
Recent рі 





Uploading the game on the Play Store 


Thelast step is to upload the package orto the Play Store and fill outa few more 
details. Go back to the Developer Console and go to All Applications. Within that, go 
to АРК. Here is where we upload our . арк and . obb files. Go to the Production tab 
and click on Upload АРК; then select the. арк file Once the upload has finished, we 
will need to upload the extension or the . obb file. 





1 1.0 19.69 MB 














To upload the. obb file, click on No expansion file to open a dropdown menu and 
select Upload a new file. Fromthere, sdect the. obb file. After the upload is corrpl ee, 
dick on Save Draft. 


The next thing to do is fill the sections in the Store Listing section. This is similar to 
what we filled in inthe Game Details secti ons in the Game Services раге. Y ou can 
copy-paste the fields. Y ou also require a mini mumof two screenshots here. 


Next, go to Content Rating. Here, once you have uploaded the АРК you will be asked 
to fill ina questionaire which will properly rate your app. These questions rrostl y 
relate to the cortert of your дате. Fill themout and save the questionnaire. The Save 
button is located at the bottom Next, click on Calculate Rating and it will generate an 
appropri ate rating for your дате. Once you have seen your rating, click on Apply 
Rating located at the bottomof the page. 





Thelastthing we need to fill outis the Pricing and Distribution form Here, you will 
need to specify in which courtries you want the дате to be available, as well as ti ck 
read and agree to gui deli nes regarding export laws, and such. 


Y ou are now ready to publish your app. To do so, click on Publish Applocated at the 
top-ri gt comer of the Developer Console and your арр will be added to the Goog e 
Play Store for the world to download, play, and enjoy. 


Monetization methods 

Itis one thing to make a good дате. However, the most important thi ng is for your дате 
to generate revenue because, after all, we all have bills to pay. Ever since mobile 
ganes carre into the scene, several moneti zati on models have emerged. Here are the 


four most popular and wi del y used moneti zati on moda s that devel opers use to generate 
revenue 


e Freemiummnodel: This is a widely used business moda made popular by ganes 
such as Angry Birds, Cut the Rope, and so on. Here, you make certain features of 
the garre free while other features arelockedó which cost money to unlock. The 
main goal of this mode is to attract as many people as possible and g ve thema 
preview of the app and its features without g ving away too much, so that the users 
become interested enough in purchasing the whole app. This is similar to the Dero 
version of garres for the PC and Consoles. 


The advantages of using this rode! are that users get to try the product before they 
purchase it, making themrrore likely to purchase the app later on. It is also an easy 
way to buld a large user base, since the app has no upfront charge and people love 
free things. 


On the flipside, sorre of the disadvantages of using this moda are that if you offer 
too few features, the users will not be engaged enough to purchase the whole 
product. On the other hand, if you offer too many features, the users will not havea 
good enough reason to purchase the whole product. 

e In-appadvertisement Another popular business moda is making the product 
complete y free for users. The way developers earn revenue is through in-app 
adverti serrerts. Y ou may have seen such apps. The дате or app is free to 
download and you have ad banners at the top or bottomof the screen. 


The advantages of using this moda are that you completely rerrove any paywall or 
barriers between the user and the features offered by the app, making it more 
desirable. Y ou can al so gather data based on their behavior and use this for target 
advertising. 


However, using this model means sacrificing the al ready limited screen space for 
ads, which rreans sacrifici ng the user experience. Another thing to keep in mind is 
that peopl e can and will get annoyed with the ads and this can cause themto stop 
using or uninstall the app. So be carefu how and when you use them 


e Paid apps As ће rame suggests, inthis model, the app is not free users will have 
to purchase the app in order to use it. The advantages of using this model are that 
you get upbfrort revenue fromevery download al ong with better user retention 
(since they paid to download the app, they are nore likely to use it frequent y). 
However, with that said, url ess you have a good reputation in the app market, itis 
hard to convince users to pay upfrort for your product. It also means that users 
would have hi gh expectati ons of your product. 

e In-App purchases. This rode, made popular by gares such as Candy Crush 
Saga, Clash of Clans, and so onis similar to the Freem umnoda in that the 
product is rrade available free. However, inthis case, no features are blocked for 
the users until they make a purchase. Instead, they get all of the features right from 
the start. The way that the developers earn revenue is by in-app purchases. These 
are virtual goods, such as lives, power-ups, virtual currency, and so on. The 
advantages of usi ng this model are that it increases user engagerrert and therefore, 
user retention. Another thing is that it has alow level of risk, since it does not 
require a lot of investment. However, keep in mind not to ge carried away with 
this. One fatal mistake developers neke is bulding a game whichis virtually 
unplayable unless the users pay. 


Mobile performance and optimization 
Itis every developer's desire to make their сате nice and beautiful with various types 
of post- processes, compl ex shaders, lighting, and so on. Whilethisis perfectly fi ne 
when making garres on PC/Corsoles, you have to keep in mind that nobile platforms 
have certain technol og cal limitati ons which can cause your дате to performpoorl y, 


thus resutingin poor sales. Here are a few tips and tricks on how you can opti mi ze your 
garre to achieve the best performance. 


e Thedraw calls for your entire scene shou d be less than 700 to achieve the best 
performance. 

e Although dynamic lights make the game Look good, it is also heavy on the technical 

side. Thus, unless you absol utel y require themavoid usi ng дупатіс lights. Also, it 

is recomended that you build the lighting before you port the дате on your 
device. 

Thetriange court for your entire scene shou d ideally be 500,000 or less. 

e Unless you absol uted y need to, you should turn off Mobile High Definition 
Rendering (HDR). This turns off lighting features and greatly inproves the 
performance on mobile. 

e Again, unless requ red, you shou d tum off post- process features for better 
performance. 

e Whenit corres to textures, to prevert merrory wastage, their resol uti on shou d be 
of powers of 2 (256 x 256, 512 x 512, 1024 x 1024, and so on). 


Y ou can set sone of the Rendering options in the Project Settings in the Engine 
category, under the Rendering secti on. 
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Y ou cantum oryoff different features such as lighting, post- process, textures, and so on 
fromhere, including the last two poi rts rrentioned above. 


When it corres to performance, you shou d first be aware of sone performance ti ers. 
They all have to do with the li ghi ng features in the дате. When devel opi ng garres for 
mobile, depending upon your гедигетегіѕ and your target platform you shou d keep 
these in mind: 

e LowDynanic Range (LDR): This mode has the highest performance and least 
load on the merrory and processor. This rode is recontrended for ganes that do 
not need |ighting features and/or post- processi ng in their garre. 

e Basic Lighting This is the next best rode in terns of performance. In this mode, 
you have access to the basic lighting features offered by UE4, such as g obal 
illumination, material shading, and so on. 

Full HDR Lighting This mode is onthe other end of the spectrum It has the 
lowest performance and the highest load on the merrory and processor. In this 
mode, you make use of most of the lighting and post-processing features offered by 
UEA. It is not recormmended for use іп mobile ganes. 


Tip 


Itis кашы that you visit 





conmurity driven page, where n various commuity merrbers have tested UE4 on 
various Androi d-based devices using different lighting modes. It is really hel pfu 
when devel oping garres for Android. If you have tested UE4 on a device that has 
not been listed, you can post it yourself for the benefit of other community 
rmerrbers. 


Summary 


Inthis chapter, we discussed UMG and its user interface. Using it, we created a rain 
menu for our game (which contains the пате of the дате and a button that starts the 
garre when the player touches it). Having done that, we were then ready to package our 
garre for Android devices. 


The first step in doing that was installing the Android SDK which contains all of the 
build files required to package our game into a. арк file. Once installed, the next step 
was to specify to the eng ne where all of the files are located. Then, we discussed how 
to set up the Android device to test the garre di rectl y without having to package the 
garre every time. Finally, we discussed how to package the final product and upload the 
garre orto the Google Play Store for peopl e to download. 


The chapter ended with details on the few monetization mode's that are widely used by 
mobile дате developers to earn revenue, and a few tips on how to properly optimize 
your garre for rrobile devi ces.. 


Y ou are now equ pped with all that you need to know to get started on making that garre 
you al ways drearred of. Fromhere, the only thing you can do to get better at UE4 is 
practice. 


Appendix A. What Next? 


Inthis book, we covered a whole range of topi cs, such as how to download and instal | 
UE4, how to create a project, how to create materials, adding/i mporti ng/mi grati ng 
assets fromother projects, scri pti ng with Blueprints, and so on. Hopefuly by now, you 
know enough about UE4 to get started. The next step is taki ng what you have learned, 
and to keep practicing. 


Learn 


We briefly covered the Leam section inthe UE4 Launcher in the first chapter. Let's talk 
a bit more about it 
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This pane contains tutorials covering a wide variety of topics, including how to create 
rraterials, blueprints, and so on. The tutorials available here are available in various 
forrrats as follows. 

e Video Tutorials First off, there are video tutorials offered by Epic. To access 


them click on the Video Tutorials button located at the top of the page, which will 
take you to the Unreal website. 
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Build a Game 








2D Sidescroller with 3rd Person Game with 3rd Person Power-Up Endless Runner with 
Biueprints Blueprints Game with C++ Blueprints 











Here, you can find various video tutorial series, all categorized neatly for your 
convenience. If you scroll down the page, you will find the browse section, where 
all of the topics are listed, and how many video series are there for each of them 
Click on any of the topics, and you will be shown all the tutorial series available 
for that particular topic. 

e Documentations Then there is the Epic's official documentation. To access it, 
click on the Documentation hyperlink, and it will take you to the Epic's official 
docurrertati on page. 
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The docurrertation page, like the vi deo tutorials page, contains tutorials on various 
topics, but they are more in-depth and cover nore topics. On the left-hand side, is 
the navigation panel. All of the topics are listed there. Clicking on any topic witha 
+sign opens up more sub-topi cs, fromwhi ch you can choose what you wart to 
read up on. When you click on a topic, it will open up on the right-hand side of the 
screen. 


Note 


If you are used to making garres on Unity and wart to move to Urreal 4, Epic has 
provided a docurertation, which compares both eng пес Viewport, termi nol оду, 
and so on, so that you can translate your skills fromUrity to Unreal 4. Y ou canfind 
it under the Broaden Your Horizons secti on 


Unreal Wiki: Unreal Wiki, accessible by clicking on the Wiki hyperlink at the top, 
is UE4's official Wiki page, made by the community, and is constant y updated by 
then 
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Quick Search Terms: Quick Stort How-To | Actor Component Blueprint Materiais Lighting Camere HUD State C++ iOS Android 


We wanted you - the Unreal Engine developer community - to have a place to post tutonals as well as share your plugins, project 
templates, code snippets, and more. This wiki is just an early version of what we have planned. It's a little rough around the edges 
at the moment, but we'll put some polish on it 


In the meantime, we want you to fill it with the amazing content you create. Our community has always been known for its 
helpfulness and we have no doubt you will prove that once again! 








Here, you can find tutorials, plugins, code, and garres, all created by the 
community, to hel p you devel op your skills. Y ou can also suomit your own content 
or tutorials onto the wiki page for others to see. Finally, you can see alist of ganes 
that people are devel oping on UE4. Y ou can also submit your garre to get sone 
publicity. 

e Engine Feature Samples. This section contains project files, each cortaininga 
feature or various features offered by UE4. 
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For example, there is a project that showcases Mati nee, then there is a project that 
derronstrates the landscape tool offered by UE4, and many more. Once you pick 
and download a project file, you can open it and check it out Everything rel ated to 
that feature is al ready set up for you, and you can see for yourself how everythi ng 
works, how things are hooked up, and so on Itis also a great way of getting assets 
(rraterials, textures, blueprint classes, and so оп) for your own project 


Note 


Itis highly advised that you download the Content Examples project. This project 
file contains a collection of the features offered by UE4, all in separate levels, ina 
museumstyle manner. For instance, there is aleve, which showcases the Material 
Editor and what can be done with it, there is a level that derrorstrates the 

ani mation features, and many more. 


Gameplay Content Examples. This section contains project files that showcase 
features, similar to what you woud find in the Engine Feature Samples, but geared 
towards garres specifically. 
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These proj ects most y contain a blueprint, each with a mechanic or features usually 
found in garres. They provide the framework, which you can use to build your 
garre upon. For instance, you can find a project file, which has turn-based 
mechanics setup, there is a proj ect that derrorstrates the invertory UI, and so on. 

e Exanple Game Project: This sectionis similar to the Gameplay Content 
Examples section, the опу difference ра ng that this section contains project files 
with a sarrple garre al ready set up. 
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Sarrple дате projects are available with assets and levels set up for you to 
explore, learn, and utilize. There are a variety of genres you can choose from for 
exarrple, 2D platforrrer, 3D platforrrer, FPS, and so on. 

e Community Contributions This section also contains project files with ѕатре 
ganes and environrrerts, but, unlike the project files in the other section, the 
content here is created by the community, hand-picked by Epic. 
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This section, atthe tine of writing, contains only two project files, namely Radial 
Inpact, which derrorstrates the saving menu, and so on, and SciFi Bunker, which 
Showcases UE4s rendering techni ques. 

e Platfonns and Partners. Finally, theres the Platforms and Partners section, 
which has sample projects with technol ogy and peri pherals that UE4 curred y 
supports. 
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Atthe time of writing, there is only one sample project available, whichis that of 
Leap Motion Clicking on the thumbnail will take you to the official page, where 
you can download an experi mert with Leap Motion. 


AnswerHub 


AnswerHub, another topic briefly covered in Chapter 1, Getting Started with Unreal 
4, is a place where you can post questi ons regarding a parti cu ar topic you are having 
issues with, or if you requ re assistance with something. Clicking on the AnswerHub 
hyperlink located on the bottom eft corner of the Launch Cli ert will take you to the 
AnswerHub page. 
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AnswerHub is a resource for developers to help each other succeed with UE4. If you have a problem, it's a great place to search for 
Solutions and ask questions. If you have knowledge to share, want to establish yourself as an expert, or make connections, please 
jump in and answer questions. 


Though Epic keeps an eye on questions being asked, AnswerHub only works with your participation! 


Using the UE4 AnswerHub View Documentation Visit the Wiki 
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4 Attach skeletal mesh(weapon) to another sk. mesh(player) 
Biueprint Scripting 


answer 


On the frort page, you can see a list of questi ons that other merbers have posted. Now, 
itis qute likely that the probl emthat you are facing is not uni que. So, before posti ng a 
questi on, itis advisable that you first search AnswerHub for the sarre or similar 
questions. Only when you cannot fi nd a su table sol ui on or any solution, should you 
post on it. 


To post a question, click on the Post A Question button at the top-ri ght corner of the 
page, which will bring you to the Ask a question page. 





Ask a question 





Y ou put the questi on at the top. Make sure that itis clear, concise, and written in such a 
way that a reader is able to get an idea after reading it Below it, you can choose which 
section the probl emis rel ated to. For instance, if you are having difficulties in 
packaging your дате, then in the section, you shou d choose Packaging & Deployment, 
and so on. 


Below this is where you write the details of your issue. This is where you elaborate the 
question you posted. Again, try to remain brief, concise, and clear in your details. If 
possible, post screenshots, log files, and so on, so that itis easier for people to 
understand your problem 


Finally, you need to set Tags to your question. Tags make it easier for users to search 
for questions. When you search for a questi on, the search eng ne compares what you 
have written with the tags, so also make sure you properly tag your questi on. 


Itis always nice to help others. With that said, if you feel that you can hel p someone 
who has a problem you should help him/her out by answering questi ons posted by other 
rmerrbers. It is a great way to engage with the community, and you ті also learn 
sorrethi ng new inthe process. Itis also a great way to bu Id your Капта points. If you 
are quite active on AnswerHub, and your answers are usefu, you will get uovoted, and 


inturn, increase your karna points (something li ke Reddit). 


Forums 


Ard finally, we have our good old-fashioned foruns. Clicking on the Forumhyperl i nk 
at the Eng ne Launcher will bring you to the forums page. 
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Blueprint Visual Scripting 
Build powerful visual « pts without code 


Theforurs are neat y categorized, based on vari ous topics, so that it is easier for you to 
find the rel evart thread to post on. The sectiors are as follows: 


e Unreal Engine Thisis whereall of the topics related to UE4 in general are 
posted, such as the | atest announcerrerts, updates, the marketplace, and so on. 

e Development discussion This section contains topics rel ated to devel opi ng ganes 
or other projects in UEA. These topics range fromthi ngs such as renderi ng, 
animation, contert creati on, architectural visualization, to more technical topics, 
such as C+- programming, Android developrrert, iOS devel oprrert, and so on. 

e Community: This is where you can engage with the community more directly. For 
instance, if you are interested in making a дате or product, but lack the talent, or if 
you are interested in joining a teamto make a сате, you can go to the Got Skill? 
Looking for Talent? section, and post your requi remert or your profile there, and 
hopefully, get sorre responses. Otherwise, if you are al ready working on a proj ect, 
and wanted to get sorre feedback, you can post it on the Work in Progress section, 


and get sone constructi ve feedback fromother contrunity merrbers. Itis also а 
great way to get your gane noti ced. 

UE4 for Schools This section contains topics and discussion threads rel ated to 
academia. Here, tutors can discuss the curri cu umand how to go about teaching 
UE4 to students, and also give feedback to other educators. If you are a student, 
you can discuss UE4 with other fellow students, and get some support 
International: Finally, if you are interested in engag ng with contrunity merrbers 
near your geographical locati on, you can post a discussion thread in the rel evart 
subsection. For instance, if you wart to meke a дате, but prefer that your team 
merrbers are nearby, you can post a thread rel ated to that. 


Summary 


Here, we looked at the various ways you can learn and build upon your skills regarding 
UEA that you have acquired after reading this gu de. 


The good news is that UE4 itself has a huge arsenal of tutorials in almost every format 
available, be it written, video, project files, live streamand so on. Y ou will learna lot 
about the Engine just by going over themal one. 


If you still need sorre hel p regarding a parti cu ar aspect or feature or if you have an 
issue that you cannot seemto resol ve, or j ust need sorre assistance, you can al ways post 
it on AnswerHub and have it resol ved by other community merrbers, and/or by the Epic 
staff therreel ves. Also, if you find a question, posted by sorre other community merrber, 
that you thi nk you know the answer to, why not just g ve thema hand? It will improve 
your karna and keep the community active. 


Finally, there are the foruns, which you can also use to get sone hel p, discuss the latest 
updates, and rrerketpl ace additions, show your work and get sorre feedback, g ve 
feedback on other peoples work, recrut people, or be a part of a team and so on. 
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